Sass将多个scss文件转换为css

Question

我使用SASS的第一天已经被困住了。

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

这是目录结构-

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

我希望将scss中的所有.scss文件编译为css dir中的.css文件，保持相同的目录结构。我一次只能做一个文件，但不是一次就能做到。

我试过-

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

但都没起作用。我还没试过sass-globbing。

我相信我在这里错过了一些非常基本的东西，但我找不到任何帮助。这里少了什么蠢东西？

Answer 1

当您使用undescore启动Sass-文件的文件名时，这意味着它不会被编译为CSS-文件。若要复制该结构，需要从文件名中删除下划线。

您可以使用下划线来构造您的sass代码，然后将它包含在一个非加下划线的文件中，然后再编译成CSS。

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

scss/main.scss：

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