css - 如何将 CSS 文件从多个输入目录输出到单个目录？

Question

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

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

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

萨斯/foo.scss：

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

设置好所有虚拟文件后，sass --update sass:css从项目的根目录运行。