使用多个SASS文件

我想将我的(巨型)全局css文件分成多个文件。 我正在使用sass。 有没有一种简单的方法可以让sass观看多个文件? 我想我可以使用@import,但只是想知道是否有另一种(更好的)方式。

提前致谢。

Rich Bradshaw提到的内容是正确的,但是这是您可以采取的另一种方法。

创建一个名为combined.scss scss文件(例如)然后在这个文件里面@import你所有的scss文件,然后简单地运行sass --style compressed --watch combined.scss:combined.css它会检测导入的更改scss文件并根据需要重新编译。

Combined.scss示例:

 @import "reset"; @import "layout"; @import "styles"; @import "ie"; 

因此,当您对layout.scss文件进行更改时, combined.scss将重新编译,并且您需要引用的所有实际html页面都是combined.css

但就像我说的那样, Rich Bradshaw的解决方案也同样有效,根据您正在进行的项目可能会更好用。

我使用import,然后转到我的媒体目录,其中包含一个名为css的目录,其中包含我所有的css并运行sass --style compressed --watch css:css 。 这会从scss文件的负载中生成一个css文件。

为了澄清这一点,如果您将导入的文件命名为以下划线开头,那么SASS不会尝试编译它们。

所以,如果你有一个名为style.scss的文件包含这些行,

 @import 'reset'; @import 'blog'; 

一些名为_reset.scss和_blog.scss的文件将意味着当您运行上面的命令时,它会生成一个名为style.css的文件,其中包含所有其他文件。 变量也被宣布为更高的工作量。