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

Question

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

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

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

有谁知道有什么工具可以做到这一点吗？或者你如何管理你的 less 文件来绕过这个问题？

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

感谢您的回答！

Answer 1

老实说，最好的选择是实际使用 Less 自己的编译器，这当然是最新的选择。它将通过命令行完成，但这是了解一切正确、有效和最新的最佳方式。

所有信息都可以在Less Documentation Here

中找到

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

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

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

Answer 2

我将 Notepad++ 与 NppExec 插件保存脚本一起使用。如果您决定始终将主文件命名为 "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 建议）

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

automatically compile less file on save of a imported less file

css

compilation

less