【问题标题】:Join two .less files into one css file将两个 .less 文件合并为一个 css 文件
【发布时间】:2015-11-18 14:07:26
【问题描述】:

在使用lesscss 时,我想将两个或三个.less 文件合并到一个super css 文件中。

我知道你可以使用一些小ruby 魔法,但我想知道less 引擎中是否有一些简单的东西?

【问题讨论】:

    标签: css less


    【解决方案1】:

    您可以使用import,类似于在常规 CSS 文件中使用的方法。

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

    取自this SO postLess Documentation 的“导入”部分也提到了这一点。

    【讨论】:

    • +1 用于引用该 SO 帖子。使用@import时绝对值得一看
    • 如果这是取自那篇帖子,这q不是骗子吗?
    【解决方案2】:

    简单的解决方案:

    1. 创建一个 ma​​in.less 文件并打开它(随意命名)

    2. 通过 @import 导入您的其他 css 和 less 文件

      • @import "filename.less"; 用于更少的文件

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

    3. 编译你的 main.less 文件,然后在你的站点中包含这个 main.css

    4. 微笑:)

    【讨论】:

    • 生成的 css 文件包含每个 css 文件的导入语句。 css 未合并,文件保持分离。
    • @Mick 如果你使用像 lessc (lessc main.less main.css) 这样的工具,它只会产生一个文件