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

Question

今晚我开始学习SASS，并且使用SASS Build和SublimeOnSaveBuild的Sublime Text 2。经过多次搜索，我仍然无法找到如何指定不同输出目录的方法。 我基本上有一个CSS/目录和一个SCSS/目录，其中包含所有的SASS文件。我想输出到../CSS。我认为这涉及修改Sublime中的Package Setting文件。以下是默认首选项文件：

{ "filename_filter": "\.(css|js|sass|less|scss)$", "build_on_save": 1 }

我相信"build"或"output"路径会在那里，但我不确定。提前感谢您的帮助。

- sparecycle

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"],

现在，如何让它们停止构建部分文件...这是我目前正在尝试找到最佳解决方法的另一个问题。编辑：在这里发布了有关停止构建部分文件的博客。

- jwinn

Answer 2

也许这并不是直接回答你的问题，但我想试一试。

在我的SASS安装中（带有Compass），我在项目中有一个config.rb文件。在那里，您实际上可以指定编译后的CSS文件的位置。

...
css_dir = "css"
...

如果你还没有使用Compass，我谨虚心建议你去看一下。它有点像SASS的扩展（就像jQuery对javascript一样）。

- JofryHS

---

谢谢您的回复。我在搜索时遇到了那个文件，但我意识到它是专门为Compass设计的。如果我不能在几天内解决Sublime packages的问题，那么我可能会购买Compass。当前，我将我的SCSS文件复制到CSS目录中并进行构建，但我更喜欢对其输出位置有一定的控制权。谢谢。 - sparecycle

我认为你不需要购买Compass，因为它是开源的。Compass的好处在于它作为一个软件包，允许你控制输出位置，就像你所需的一样。而且使用compass -watch命令可以自动构建。 - JofryHS

Answer 3

安装'compass'。 在终端中使用compass（这都有文档记录），创建您的下一个项目，config.rb文件将具有适当的文件夹/目录，您的sass / compass编译器将自动完成所有工作。 您可以在终端中使用compass watch或像LiveReload这样的程序为您完成工作。 实际上，请使用LiveReload。 说实话，你不会后悔的!!!

- prasutagus