保存导入的less文件时自动编译less文件答案

【问题标题】：automatically compile less file on save of a imported less file保存导入的less文件时自动编译less文件
【发布时间】：2015-05-20 13:15:00
【问题描述】：

我已将我的 less/css 拆分为按特定类别分组的多个文件，因此单个文件易于维护。虽然我只想将一个 css 文件导入到布局中。

为此，我拥有 - 我如何称呼它 - 一个无主文件，可导入所有其他文件，如配置、表单、布局等。

现在的问题是，例如 WinLess 或我尝试过的所有其他编译器，只监视我的主文件的保存，然后才编译它。然而这是愚蠢的，因为这个文件几乎从来没有得到任何改变。所以我想要的是检测导入的less文件的变化，然后只编译主文件。

有没有人知道任何能够做到这一点的工具？或者你如何管理你的 less 文件来绕过这个问题？

更多信息：我已通过 SSH 在本地映射服务器目录并编辑其中的文件，即文件只是伪本地文件。它们位于服务器上，但可以通过驱动器号上的本地路径访问。编译器应该能够使用该设置。

感谢您的回答！

【问题讨论】：

标签： css compilation less

【解决方案1】：

老实说，您最好的选择是实际使用 Less 自己的编译器，这当然是最新的选项。它将通过命令行完成，但这是了解一切是否正确、正常工作且处于最新状态的最佳方式。

所有信息都可以在Less Documentation Here找到

有关使用导入编译的更多信息可以找到HERE

最新版本的 WinLESS 确实报告说，当 @import 文件更改时，它会自动重新编译，因此可能是您的 WinLESS 版本已过期。（参见HERE - 功能下的第三个要点）

或者，看看你是否可以让它在纯本地文件上工作。如果这可行，则可能是编译器无法通过 SSH 进行异步检查的问题。

【讨论】：

你是对的，我的 WinLess 没有自行更新，原因不明。新功能太棒了！谢谢（你的）信息。我正在使用 Sshfs Manager，这导致了问题。现在我正在使用 ExpanDrive 试用版，它的工作原理非常有魅力。我想您提到的第一个解决方案将非常可靠。但是我认为我设置这一切是愚蠢的，至少在 Windows 上。 ://
安装 ruby 并确保一切匹配需要一些工作。在大多数情况下使用非第三方总是最好的。

【解决方案2】：

我使用 Notepad++ 和 NppExec-plugin on-save 脚本。如果您按照惯例决定始终将主文件命名为“master.less”，则可以使用此脚本：

NPP_CONSOLE 0
NPP_SAVE
if  $(EXT_PART) != .less goto end
"C:\Node.JS\node_modules\.bin\lessc.cmd" -x  "$(CURRENT_DIRECTORY)\master.less" > "$(CURRENT_DIRECTORY)\master.min.css"
:end

您可以使用任何支持批处理脚本的编辑器执行类似的操作（如 Stewartside 建议的那样）

【讨论】：