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

时间:2015-05-20 13:15:01

标签: css compilation less

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

为此我有 - 我怎么称呼它 - 一个较少的文件,它可以导入所有其他文件,如配置,表单,布局等。

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

有谁知道任何能够做到这一点的工具? 或者,如何管理较少的文件以绕过此问题?

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

感谢您的回答!

2 个答案:

答案 0 :(得分:2)

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

所有信息均可在Less Documentation Here

中找到

有关使用导入进行编译的更多信息,请访问HERE

最新版本的WinLESS报告说,当@import文件发生更改时,它会自动重新编译,因此可能是您的WinLESS版本已过期。 (参见HERE - 特征下的第3个要点)

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

答案 1 :(得分:0)

我使用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建议的那样)