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

June 6th, 2020

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

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

公式にも汎用的な正規表現の定義が載ってるのでそれをパクってくればOK。

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

AUTHOR

Daisuke Tsuji
Daisuke Tsuji@dim0627

フリーのWeb Developer。

RubyとかRailsを触ってる時間が多い。コーディングもマークアップもライティングもデザインもSEOもやるタイプ。

だいたいどれもだめ。