Question

我喜欢TextMate作为我所有网页的编辑器，因此我想使用一个代码片段与style.less文件一起使用，以自动利用编译.css文件的无。方式。使用原生

飞行

$ lessc {filepath} --watch

根据较少的文档（link）

中的建议

我的（感谢编写LESS TM Bundle的人！）当前的TextMate代码段可以很好地将当前打开的.less文件写入.css文件，但我想利用--watch参数这样，对.less文件的每次更改都会自动编译到.css文件中。

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

那么如何在此命令中添加--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参数放在文件参数之前lessc，如下所示：

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

Answer 3

看看this snippet。它不使用--watch标志，但如果将其链接到cmd + s组合键，则可以完美地运行。该片段还将编译任何引用（即@import）已更改文件的文件。如果你有一个until.less或者你包含在许多不同的文件中的东西，如果你改变了util.less，那么所有依赖它的LESS文件都会自动编译。

将该脚本与browser refresh script结合使用，您就拥有了相当不错的Web开发测试例程。

如何在此TextMate代码段中添加“--watch”标志？

3 个答案: