在 Cloud9 IDE 中更改 LESS 构建路径答案

【问题标题】：Changing the LESS build path in Cloud9 IDE在 Cloud9 IDE 中更改 LESS 构建路径
【发布时间】：2015-07-10 05:16:50
【问题描述】：

在 Cloud9 IDE 中，我可以创建一个名为 styles.less 的文件并在其中编写一些 LESS 样式。然后，我可以使用Ctrl+B 将其构建到 CSS 文件中。 Cloud9 通过在同一目录中创建一个名为 styles.css 的文件来实现这一点。

但是，我希望能够将 less/ 中的 LESS 文件编译成 css/ 中的 CSS 文件。所以，less/styles.less 会在我执行 Ctrl+B 时编译成 css/styles.css

GUI 中没有任何内容，但是否有我可以编辑的设置文件来更改编译发生的方式？我已经用谷歌搜索过了，但似乎有几种在 Ubuntu 中安装、设置和使用 LESS 的方法，当我在 Cloud9 中按 Ctrl+B 时，我不知道在幕后使用了哪一种方法。

编辑：我还希望能够添加 -x 选项来缩小输出，但我不知道该放在哪里。我喜欢只做Ctrl+B 的便利，不想每次都输入完整的lessc 命令。

【问题讨论】：

【解决方案1】：

您可以在默认构建器的基础上创建一个新的 LESS 构建器，以满足您的需求。查看 Cloud9 文档 here，其中讨论了客户跑步者/建造者。默认 LESS 构建器的代码是：

{
    "caption" : "LESS",
    "cmd": ["lessc", "$file", ">", "${file/\\.less/\\.css/}"],
    "selector": "source.less"
}

【讨论】：

太好了，谢谢。我用 "lessc", "-x", "$file", "${file/\\less/css/}" 的“cmd”完成了我想要的，它压缩了输出并输出到 css 目录。
对尝试此操作的其他人的注意事项：当您添加新构建器（通过运行 | 构建系统 | 新构建系统）时，您创建的构建器将仅在您第一次保存时工作。之后，对于后续编辑，您需要刷新 Cloud9 环境（通过浏览器刷新）以使其注意到您所做的更改。
另外，创建一个替代的 LESS 构建器似乎并没有像 Custom Runner 文档建议的那样覆盖内置的构建器。因此，我不得不在“运行|构建系统”中手动选择我的自定义构建器，以阻止它使用内置的构建器。