使用SASS，需要将CSS输出到不同的目录

Question

今晚我跳进了SASS，我正在使用Sublime Text 2和SASS Build以及SublimeOnSaveBuild。经过多次搜索，我仍然找不到如何指定不同的输出目录。我基本上有一个CSS /目录和一个包含我所有SASS文件的SCSS /目录。我想输出到../CSS。我认为它涉及修改Sublime中的包设置文件。这是默认的首选项文件：

{“filename_filter”：“\。（css | js | sass | less | scss）$”，“build_on_save”：1}

我相信“构建”或“输出”路径会在那里，但我只是不确定。提前致谢。

Answer 1

答案是更改SASS Build的设置，而不是SublimeOnSaveBuild。 SASS Build为SASS和SASS Minified创建了一个“构建系统”。您可以转到首选项 - >浏览包，打开SASS Build文件夹，然后编辑以-build结尾的两个文件。

"cmd": ["sass", "--update", "$file:${file_path}/${file_base_name}.css", "--stop-on-error", "--no-cache"],

你可以在那里编辑文件路径（似乎每个项目没有办法）：

"cmd": ["sass", "--update", "$file:${file_path}/../css/${file_base_name}.css", "--stop-on-error", "--no-cache"],

现在，如何让他们停止构建局部...这是我目前正试图找到最佳解决方法的单独问题。编辑：Stopped it from building partials. Posted a blog about it here.

Answer 2

也许这不能直接回答你的问题，但我想尝试一下。

在我的SASS安装中（使用Compass），我的项目中有config.rb。在那里你可以实际指定编译的CSS文件的去向。

...
css_dir = "css"
...

如果你不使用Compass，我的拙见建议就是看看它。它是SASS的一种扩展（很像jQuery到javascript）

Answer 3

安装'指南针'。使用指南针在终端中创建您的下一个项目（这是所有文档），config.rb文件将具有相应的文件夹/目录，您的sass / compass编译器将自动执行所有操作。您可以在终端中使用罗盘手表，也可以使用LiveReload等程序为您完成工作。实际上，使用LiveReload。老实说，你不会后悔!!!