css - Sass 将多个 scss 文件转换为 css

Question

我使用 SASS 的第一天就卡住了。

我有一个包含一堆 .scss 文件的目录和一些包含更多 .scss 文件的子目录。我必须将它们全部转换为 .css，保持相同的目录结构。

这是目录结构-

src
  |-scss
     |- _base.scss
     |- _reset.scss
     |- themes
            |- _light.scss
            |- _dark.scss
  |-css

我想将 scs 目录中的所有 .scss 文件编译为 css 目录中的 .css 文件，并保持相同的目录结构。我可以一次处理一个文件，但不能一次全部完成。

我试过了-

sass --watch scss:css
sass --update scss:css
sass --update `pwd`/scss:`pwd`/css
compass watch scss:css

但都没有用。我还没有尝试过 sass-globbing。

我确定我在这里遗漏了一些非常基本的东西，但我找不到任何帮助。这里缺少的那个愚蠢的东西是什么？

Answer 1

当你的 Sass 文件的文件名以下划线开头时，这意味着它不会被编译成 CSS 文件。要复制结构，您需要从文件名中删除下划线。

您使用下划线来构建您的 sass 代码，然后将其包含在一个非下划线文件中，然后将其编译为 CSS。

如果你想以这种方式使用 sass，你可以像这样添加一个文件:

scss/main.scss:

@import "base";
@import "reset";
@import "themes/light";
@import "themes/dark";