Sass将多个scss文件转换为css

Question

我使用SASS的第一天,我已经卡住了.

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

这是目录结构 -

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

我想将.scssscss目录中的所有文件编译为.csscss目录中的文件,保持相同的目录结构.我可以一次完成一个文件,但不能一次完成.

我试过了-

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";