メインコンテンツへスキップ

コードの無視

以下を無視できます

  • ファイルの一部
  • ファイル全体

ファイルの一部

CSS 内の設定コメントを使って、一時的にルールをオフにできます。

たとえば、すべてのルールをオフにするか

/* stylelint-disable */
a {}
/* stylelint-enable */

個々のルールをオフにできます

/* stylelint-disable selector-max-id, declaration-no-important */
#id {
color: pink !important;
}
/* stylelint-enable selector-max-id, declaration-no-important */

/* stylelint-disable-line */ コメントを使用して、個々の行のルールをオフにすることができます。この場合、明示的に再度有効にする必要はありません。

#id { /* stylelint-disable-line */
color: pink !important; /* stylelint-disable-line declaration-no-important */
}

また、/* stylelint-disable-next-line */ コメントを使用して、次の行のみのルールをオフにすることもできます。この場合、明示的に再度有効にする必要はありません。

#id {
/* stylelint-disable-next-line declaration-no-important */
color: pink !important;
}

Stylelint は、複雑で重複する無効化および有効化パターンをサポートしています

/* stylelint-disable */
/* stylelint-enable foo */
/* stylelint-disable foo */
/* stylelint-enable */
/* stylelint-disable foo, bar */
/* stylelint-disable baz */
/* stylelint-enable baz, bar */
/* stylelint-enable foo */
警告

セレクターおよび値のリスト内のコメントは、現在無視されます。

コメントの最後に、2 つのハイフンの後に説明を含めることもできます

/* stylelint-disable -- Reason for disabling Stylelint. */
/* stylelint-disable foo -- Reason for disabling the foo rule. */
/* stylelint-disable foo, bar -- Reason for disabling the foo and bar rules. */
警告

ハイフンの両側にスペースが必要です。

ファイル全体

特定のファイルを無視するために、.stylelintignore ファイルを使用できます。例えば

vendor/**/*.css

.stylelintignore ファイル内のパターンは、.gitignore 構文と一致する必要があります。(内部的には、node-ignore がパターンを解析します。) .stylelintignore 内のパターンは、常に process.cwd() を基準に解析されます。

Stylelint は process.cwd() 内の .stylelintignore ファイルを探します。--ignore-path (CLI) および ignorePath (JS) オプションを使用して、無視パターンファイルへのパス (絶対パスまたは process.cwd() 相対パス) を指定することもできます。

または、設定オブジェクト内に ignoreFiles プロパティを追加することもできます。