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

Question

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

在我的桌面上有一个以我正在构建的站点命名的文件夹。包含我的 css、js images 和 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