share facebook facebook facebook twitter twitter menu hatena pocket slack

2019.11.25 MON

stylelint “at-rule-no-unknown” ルールでエラー

工藤 響己

WRITTEN BY 工藤 響己

Sassファイルの整形(Lint)をしてくれるツールはいろいろありますが、中でもstylelintがいい感じなので好んで使っています。

“at-rule-no-unknown” でエラー発生

ところが、“at-rule-no-unknown”すなわち「標準的でない@-規則」というルールにおいて、これを適用させたくなかったのでfalseを設定したところ、Invalid Option: Unexpected option value "false" for rule "at-rule-no-unknown"と怒られてしまいました。

stylelintrc.json

"rules": {
  "at-rule-no-unknown": false,
}

上記の書き方だとエラーになります。falsenullにしてもダメです。
次のようにoptionをtrueにした上で、例外ルールを記述するように書き直すとエラーが出なくなりました。

stylelintrc.json

"rules": {
  "at-rule-no-unknown": [true,
    {"ignoreAtRules": ["include","mixin","each"]}],
}

これはstylelintの”at-rule-no-unknown”ルールのoptionにtrueしかないのが原因でした。trueがあるならfalseもあるじゃん!という思い込みが罠でした。これはなかなかの初見殺し…

元記事はこちら

stylelint “at-rule-no-unknown” ルールでエラー

cloudpack

cloudpackは、Amazon EC2やAmazon S3をはじめとするAWSの各種プロダクトを利用する際の、導入・設計から運用保守を含んだフルマネージドのサービスを提供し、バックアップや24時間365日の監視/障害対応、技術的な問い合わせに対するサポートなどを行っております。
AWS上のインフラ構築およびAWSを活用したシステム開発など、案件のご相談はcloudpack.jpよりご連絡ください。