Disallow@import(@import使用不可)

文章はcsslintの中国語版の訳文で、原文をクリックして英語版を見ることができて、もし翻訳の間違いや誤字などに出会ったら、伝言を残して~訳文の内容は不定期に更新して~カタログに戻ってください@importコマンドは、CSSファイルで他のCSSファイルを参照するために使用されます.例は以下のとおりです.

@import url(more.css);
@import url(andmore.css);

a {
    color: black;
}

このコードは、開始位置で他の2つのスタイルシートを参照します.遊覧機がこのコードを解析すると、@import毎に指定されたファイルのダウンロードが開始され、後続のコードの実行が停止する.つまり、@importで指定されたファイルがダウンロードされていない前に、遊覧機は他のスタイルファイルを同時にダウンロードすることはなく、CSSを並列にダウンロードするメリットが失われています.@importに代わる2つの方法があります.

構築ツールを使用して、導入前にマージする必要があるCSSファイルを直列に接続します.

複数のラベルを使用して、必要なCSSスタイルを導入します.の導入は、パラレルダウンロードをサポートします.

ルールの詳細

ルールID:importこの規則は、@importを使用すると警告を表示します.
次の例では、警告を示します.

@import url(foo.css);