css - 2 つの .less ファイルを結合して 1 つの css ファイルにする

Question

lesscss を使用する場合、2 つまたは 3 つの .less ファイルを 1 つのスーパーcss ファイルに結合したいと考えています。

ちょっとしたルビーマジックを使ってそれができることは知っていますが、少ないエンジンに簡単なものがあるかどうか知りたいですか?

Answer 1

import通常のCSSファイルで使用できるのと同じように、を使用できます。

@import "reset";
@import "config";
@import "header";
@import "forms";

このSO投稿から取得。これは、 LessDocumentationの「インポート」セクションにも記載されています。

Answer 2

簡単な解決策:

1. main.lessファイルを作成して開きます (好きな名前を付けます)。

2. 他の css ファイルと以下のファイルを次の方法でインポートします@import

   • @import "filename.less";より少ないファイルのために

   • @import "filename.css";css ファイル用。

3. main.less ファイルをコンパイルし、この main.css をサイトに含めるだけです

4. 笑顔 ：）