blog.unresolved.xyzblog.unresolved.xyz

stylelintでセレクタ名にキャメルケースを強要する方法

Sat Jun 06 2020
  • TIL
  • CSS

Reactを書くときはクラス名もローワーキャメルケースがいいなと思ってLintを設定しようとしたら色々手間取ったのでメモしておきます。

stylelintのセレクタ命名は selector-class-pattern で設定できます。

公式にも汎用的な正規表現の定義が載っているので、それを参考にすればOKです。

1rules: 2 selector-class-pattern: "^[a-z][a-zA-Z0-9]+$"