将多个 Less 文件编译成 CSS答案

【问题标题】：Compiling Multiple Less Files into CSS将多个 Less 文件编译成 CSS
【发布时间】：2015-01-28 16:57:23
【问题描述】：

我接到了一个项目，他们将 LESS 文件编译成一个用于该站点的 css 文件。

有没有办法对此进行逆向工程？我已经下载了 simpless 并尝试将所有 LESS 文件编译到同一个 CSS 文件中，但它一直在清空它。

有没有办法弄清楚他们是怎么做到的？

【问题讨论】：

你在使用 grunt 或 gulp 之类的构建工具吗？
通常它只是一个（“主”）少文件，包含/导入所有其他少文件。这是您需要编译的文件。并确保使用一些最新的编译器（Simpless 中包含的 Less 编译器不是其中之一）。
Mac 编译器有什么推荐吗？
我会使用 grunt。或者至少使用包含其他LESS文件的master LESS，这样您就只能使用master进行编译。
我正在尝试编译这个 - gist.github.com/anonymous/369a5930d3c16833e085 - 但我不断收到这个错误：ParseError: Missing closing ')' in css/mixins.less on line 586, column 9: 585 .spanX (@index) when (@index > 0) { 586 (~".span@{index}") { 587 .span(@index);

标签： css less

【解决方案1】：

最简单的方法是使用第三方应用程序，例如：https://incident57.com/codekit/ 或 http://koala-app.com/。只需拖放您的 LESS 文件并点击编译！

【讨论】：

谢谢，我已经试用了 Codekit。然而，相当少的错误。不知道人们以前怎么编译过这个:(

【解决方案2】：

我正在使用 Visual Studio 2015 和 Web Essentials 扩展，我修改了解决方案级别的“compilerconfig.json”文件来映射多个输入输出文件，它通过将所有输入较少的文件编译到 css 中非常适合我输出文件。

[
  {
    "outputFile": "css/styles.css",
    "inputFile": "css/styles.less"
  },
  {
    "outputFile": "multiselect-dropdown-lib/MultiselectDropdownStyle.css",
    "inputFile": "multiselect-dropdown-lib/MultiselectDropdownStyle.less"
  }
]

我重新阅读了您的问题，我认为您正在寻找将所有 LESS 文件编译成单个 CSS 文件。如果是这样的话，那么我的解决方案略有不同。它将所有 LESS 文件编译成相应的 CSS 文件。

【讨论】：