如何将所有scs文件编译到所需的路径

Question

在我的项目中，我有两个名为sass和css的目录，如下所示：

project/
├── css/
│   └── ...
├── sass/
│   └──main/
│      └── main.scss
│   └──global/
│      ├── _fonts.scss
│      ├── _custom.scss
│      └── global.scss

现在，当我运行sass --watch sass:css时，它也将所有scs文件编译到相应目录中的css文件，如：sass/main/main.scss到css/main.css

但我想观察sass目录中的所有scs文件到我想要的路径，如css/main.css。

我不需要在css文件夹中创建类似的目录，我的最终目标是在css目录中有一个名为main.css的文件。

谢谢。

Answer 1

通过以下划线(例如_variables.scss(开头的文件名，它将变为分部。这些文件不会单独编译，但需要先将@imported编译成文件(不是部分文件(，然后才能编译为一个文件。你可以想象这是一个"；注射"；。

---

文件夹结构可能与此类似。

/sass
+-/abstracts
|  +- _variables
|  +- _mixins
|     ...
+-/components
|  +- _forms
|    ...
main.scss

而你的main.scss可能只包含@imports

// Abstracts
@import 'abstracts/variables';
...
// Components
@import 'components/forms';
...

注意：除了.scss之外，导入文件时还可以忽略_。