Sass将多个scss文件转换为css

前端之家收集整理的这篇文章主要介绍了Sass将多个scss文件转换为css前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

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

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

这是目录结构 –

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

我想编译css目录中scss dir to.css文件中的所有.scss文件,保持相同的目录结构.我可以一次完成一个文件,但不能一次完成.

我试过了-

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

但都没有用.我还没有试过sass-globbing.

我相信我在这里遗漏了一些非常基本的东西,但我无法找到任何帮助.
这里遗失的那个蠢事是什么?

最佳答案
当您使用非核心启动Sass文件文件名时,这意味着它不会被编译为CSS文件.要复制结构,您需要从文件名中删除下划线.

使用下划线来构造sass-code,然后将其包含在一个非下划线文件中,然后将其编译为CSS.

如果你想以这种方式使用sass,你可以添加如下文件

SCSS / main.scss:

@import "base";
@import "reset";
@import "themes/light";
@import "themes/dark";
原文链接:https://www.f2er.com/css/427364.html

猜你在找的CSS相关文章