在SublimeText中运行`sass --watch`

时间:2014-02-20 02:00:16

标签: sass sublimetext2

我一直致力于通过SublimeText2和Sass加速我的工作流程。

当我保存时,我正在寻找让ST2编译我的SASS的方法。在查看如何执行此操作时,我遇到了此程序包:https://github.com/bnlucas/SassBuilder

在执行中,它正是我想要的,但它不像我希望的那样编译SASS(不包括部分支持)。

经过更多的研究后,我发现了一个适合我的构建包:

{

  "cmd": ["sass --watch 'index.scss':'index.css'", "--stop-on-error", "--no-cache"],
    "line_regex": "Line ([0-9]+):",

    "osx":
    {
        "path": "/usr/local/bin:$PATH"
    },

    "windows":
    {
        "shell": "true"
    }

}

这类似于在带有Ruby的cmd提示符中运行以下命令:

sass --watch index.scss:index.css --stop-on-error --no-cache

所以我运行这个构建系统,它看着我的index.scss就好了。对该文件夹中的任何.scss文件所做的任何更改,它都会更新.index.css文件。来自Sass的所有标准消息都显示在ST的控制台中。

我的问题是我知道这不是ST的构建系统的用途。理想情况下,它们将用于在编码会话中多次使用一组工具进行构建。

我的问题是:如何使用ST2启动sass --watch并让它在后台运行?是否有某种命令/键绑定我可以设置为运行构建的cmd行("cmd": ["sass --watch 'index.scss':'index.css'", "--stop-on-error", "--no-cache"])?

1 个答案:

答案 0 :(得分:2)

查看SublimeOnSaveBuild插件,可通过Package Control获取。由于您已经拥有一个可用的构建系统,所以您需要做的就是将插件配置为指向.sublime-build文件,如果需要,可以修改文件结尾,并且您应该全部设置。

祝你好运!