Open4
Stylelint のconfig を決める

stylelint/awesome-stylelint から選んでいく。

stylelint-config-standard を入れようとしていたが、scss 用の拡張を加えた stylelint-config-standard-scss
を入れる。Stylelint v14 からデフォルトではscss 等のcss 以外の言語のlint ができなくなり、scss をlint したい場合はscss 拡張が必要になったため。stylelint-config-standard
とstylelint-config-recommended-scss
を拡張しているので、scss を使う場合はこれを入れておけばOK(たぶん)

次はprettier 関連。
書式の規則はPrettier、構文エラー等はStylelintと分業させると良いらしい。
prettier 関連のライブラリ
- stylelint-config-prettier
- prettier と重複するルールをオフにする
- stylelint-prettier
- prettier をStylelint 上で動かす
-
stylelint-prettier/recommended
をextends に追加すると下記の設定が適応される- pluginsに
stylelint-prettier
を追加 - Stylelint がprettier のルールをエラーとして検出
- extends にstylelint-config-prettier を追加する
- pluginsに
とりあえずstylelint-prettier/recommended
をextends に追加しとけば大丈夫そう。

stylelint-prettier/recommended
を追加するにはstylelint-config-prettier
を npm install しなきゃいけなかった。