Sass将多个scss文件转换为css

10

我第一次使用SASS就遇到了问题。

我有一个目录,里面有很多.scss文件和一些包含更多.scss文件的子目录。我需要将它们全部转换成.css文件,保持相同的目录结构。

以下是目录结构-

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

我想编译scss目录中的所有.scss文件到css目录中,并保持相同的目录结构。我可以一个一个地完成,但无法一次性完成所有操作。

我尝试过-

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

但是没有一个有效。我还没有尝试过sass-globbing

我确定我在这里漏掉了一些非常基础的东西,但我找不到任何帮助。 我错过了什么愚蠢的东西?

1个回答

16

如果你想让一个Sass文件不被编译成CSS文件,可以在该文件名前加下划线。要复制其结构,需要将文件名中的下划线移除。

你可以使用下划线来组织你的Sass代码,并将其包含在一个没有下划线的文件中,然后将该文件编译成CSS。

如果你想以这种方式使用Sass,可以添加一个如下的文件:

scss/main.scss:

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

太好了!谢谢@KnutSv!这个方法可行。我不知道下划线的部分。感谢您的解释。如果我的声望足够高,我一定会点赞您的回答:( - Vidhu

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接