LessフレームワークでCSSを強制的に単一ファイルにパッケージ化する手法を詳しく解説

Less プリコンパイル済みフレームワークを使用するときは、CSS ファイルのデプロイメント構造を効率的に管理したいと常に考えています。ここでは、CSS を Less フレームワーク内の単一のファイルに強制的にパッケージ化する手法について説明します。

Less が他の Less ファイルをインポートすると、それらは 1 つのファイルにマージされます。
ただし、CSS ファイルが導入されると、デフォルトでは CSS はマージされません。
inline キーワードを使用して、パッケージ a.css を最終的な単一ファイルに強制します:

@import (inline) "./a.css";   
p{   
  color:yellow;   
}

コンパイルされた結果は次のようになります。ファイルは 1 つだけです (a.css にはスタイルが 1 つだけあります)

a{   
    color:red;   
}   
p {   
  color: yellow;   
}

Ifインラインはありません パラメータの最終結果は次のようになります。2つのファイルがリクエストされます

@import "a.css";   
p {   
  color: yellow;   
}

以上がLessフレームワークでCSSを強制的に単一ファイルにパッケージ化する手法を詳しく解説の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。