Sass将多个scss文件转换为css

Question

我使用SASS的第一天，我已经卡住了。

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

这是目录结构 -

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

我想将scss目录中的所有.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-code，然后将其包含在非下划线文件中，然后将其编译为CSS。

如果您想以这种方式使用sass，您可以添加如下文件：

SCSS / main.scss：

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