css - 如何将“--watch”标志添加到此 TextMate 片段？

Question

我喜欢 TextMate 作为我的所有网络事物的编辑器，因此我想使用一个片段将它与style.less文件一起使用，以自动利用使用本机动态编译 .css 文件的 .less 方式

$ lessc {filepath} --watch

正如较少的文档（链接）中所建议的那样

我的（感谢编写 LESS TM Bundle 的人！）当前的 TextMate 片段非常适合将当前打开的 .less 文件写入 .css 文件，但我想利用该--watch参数，以便每次更改 .less文件会自动编译到 .css 文件中。

这在使用终端命令行时效果很好，所以我确信它必须可以在当前用于 TextMate 的 LESS 命令的改编版本中使用它，因为它只会调用命令来编译文件。

那么如何将--watch标志添加到此命令：？

#!/usr/bin/env ruby
file = STDIN.read[/lessc: ([^*]+\.less)/, 1] || ENV["TM_FILEPATH"]
system("lessc \"#{file}\"")

我认为它应该是这样的：

#!/usr/bin/env ruby
file = STDIN.read[/lessc: ([^*]+\.less)/, 1] || ENV["TM_FILEPATH"]
system("lessc \"#{file}\" --watch")

但这样做只会使 TextMate.app 崩溃。

Answer 1

您是否尝试将其作为后台任务运行？

system("lessc \"#{file}\" --watch &")

Answer 2

看看这个片段。它不使用--watch标志，但如果将其链接到 cmd+s 组合键，它就可以完美运行。该片段还将编译引用（即@import）已更改文件的任何较少文件。如果您有一个 until.less 或包含在许多不同的 less 文件中的东西，这很好，如果您更改 util.less 所有依赖于它的 LESS 文件将自动编译。

将该脚本与浏览器刷新脚本结合起来，您就有了一个相当不错的 Web 开发测试例程。

Answer 3

I'm guessing you have to put the --watch parameter before the file parameter to lessc, like so:

system("lessc --watch \"#{file}\"")