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

Question

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

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

sass 文件夹的所有内容都是部分内容，我将其导入到 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