如何将sass代码编译到另一个目录中的css文件中？

Question

我想将SMACSS架构合并到我正在构建的站点中。

在我的桌面上，我有一个以我正在构建的网站命名的文件夹。包含 css ， js 图片和 sass 文件夹。

sass文件夹的所有内容都是partials，我将其导入main.scss文件（包含在 sass 目录中）。

这是我的 sass 目录：

sass/
|
base
| _ file.scss
| _ file1.scss
|
layout
| _ file.scss
| _ file1.scss
|
module
| _ file.scss
| _ file1.scss
|
state
| _ file.scss
| _ file1.scss
|
theme
| _ file.scss
| _ file1.scss

我想将main.scss文件编译成名为 stylesheet.css 的文件，该文件应位于 css 文件夹中。

我试过了：

sass --watch main.scss:stylesheet.css

没有运气。

Answer 1

您正在相对于当前目录执行sass，因此请记住这一点，并根据它输入文件的路径：

sass --watch main.scss:../css/stylesheet.css

或者从项目的根目录中调用sass：

sass --watch sass/main.scss:css/stylesheet.css