我使用 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
。
我确定我在这里遗漏了一些非常基本的东西,但我找不到任何帮助。 这里缺少的那个愚蠢的东西是什么?
最佳答案
当你的 Sass 文件的文件名以下划线开头时,这意味着它不会被编译成 CSS 文件。要复制结构,您需要从文件名中删除下划线。
您使用下划线来构建您的 sass 代码,然后将其包含在一个非下划线文件中,然后将其编译为 CSS。
如果你想以这种方式使用 sass,你可以像这样添加一个文件:
scss/main.scss:
@import "base";
@import "reset";
@import "themes/light";
@import "themes/dark";
关于css - Sass 将多个 scss 文件转换为 css,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25519384/