如何从几个输入目录中将CSS文件输出到单个目录？

Question

是否有配置选项可以让我输出位于多个目录中的scss文件？即：

foo / foo.scss
bar / bar.scss
baz / baz.scss

进入单个输出目录

css / foo.css
      bar.css
      baz.css

Answer 1

考虑为每个组件创建一个包含虚拟文件的sass目录：

project/
  css/
    foo.css
    bar.css
    baz.css
  modules/
    foo/
      foo.scss
    bar/
      bar.scss
    baz/
      baz.scss
  sass/
    foo.scss
    bar.scss
    baz.scss

每个虚拟文件都应导入相应的组件。

SASS / foo.scss：

@import "../modules/foo/foo.scss";

如果设置了所有虚拟文件，请从项目的根目录运行sass --update sass:css。