Open4

Stylelint のconfig を決める

不肖・高橋不肖・高橋

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

https://stylelint.io/migration-guide/to-14/#syntax-option-and-automatic-inferral-of-syntax
https://github.com/stylelint-scss/stylelint-config-standard-scss

不肖・高橋不肖・高橋

次は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 を追加する

とりあえずstylelint-prettier/recommended をextends に追加しとけば大丈夫そう。

https://qiita.com/y-w/items/bd7f11013fe34b69f0df#4-prettierと併用する

不肖・高橋不肖・高橋

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