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

Question

使用lesscss时,我想将两个或三个.less文件加入一个超级 css文件中.

我知道你可以使用一些小红宝石魔法做到这一点,但我想知道在少引擎中是否有简单的东西？

Answer 1

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

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

取自这篇SO帖子.在Less Documentation中的"Importing"部分也提到了它.

Answer 2

简单方案:

1. 创建一个main.less文件并打开它(根据需要命名)

2. 通过导入您的其他CSS和更少的文件 @import

   • @import "filename.less"; 少文件

   • @import "filename.css"; 对于css文件.

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

4. 微笑:)