stylelintのCSS Modules用mode切り替え対応

Stylelint
CSS Modules

4年前
1 min read

この記事は公開から3年以上が経過しています。内容が現在の状況と異なる場合があります。

stylelint を導入したプロジェクトで CSS Modules を使う際、
rulesにmode切り替え用のセレクタ（css-modules/css-modules#exceptions）が抜けているとエラーになるため、下記のように設定する。¹

modeセレクタ用の登録

1
 "rules": {
2
    ...
3
    "selector-pseudo-class-no-unknown": [
4
      true,
5
      {
6
        "ignorePseudoClasses": ["global", "local"]
7
      }
8
    ]
9
  }

手動の設定でなくとも、stylelint ruleset系のpluginにより解決できる可能性があります。 ↩

お使いのブラウザは一部表示に未対応のため、UIが正しく表示されない場合があります。