将两个.less文件加入一个css文件中

Question

使用lesscss时，我想将两个或三个.less文件合并到一个超级 css文件中。

我知道你可以使用一些小的 ruby​​ magic 来做到这一点，但是我想知道在少引擎中是否有简单的东西？

Answer 1

您可以使用import，类似于常规CSS文件中的方式。

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

取自this SO post。它也在Less Documentation的“导入”部分中提到。

Answer 2

简单解决方案：

1. 创建 main.less 文件并打开它（根据需要命名）

2. 通过 @import

   导入您的其他CSS和更少文件

   • @import "filename.less";减少文件数量

   • @import "filename.css";用于css文件。

3. 编译您的main.less文件，并在您的网站中包含此main.css

4. 微笑：）