我想将我的(庞大的)全局CSS文件拆分成多个文件。我正在使用Sass。有没有一种简便的方法让Sass监视多个文件?我认为可以使用@import,但只是想知道是否有另一种(更好的)方法。
提前谢谢。
我想将我的(庞大的)全局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的解决方案同样有效,具体取决于您正在处理的项目可能更适合使用哪种。
@mixins
,则只有在文件中才能使用它们。因此,如果您要为您的mixins
创建单独的文件,则请确保每个需要访问它的文件都将@import“mixin”;
作为其第一行(例如在layout.scss
和styles.scss
中)。 - Jannis@import "reset.scss"
(这里可以省略下划线)来引入它们,则只有combined.scss会被编译,即使其中一些包含的scss文件已更改。 - acme@import 'reset';
@import 'blog';
一些名为_reset.scss和_blog.scss的文件意味着当您运行上述命令时,它将生成一个名为style.css的文件,其中包含所有其他文件。在更高层次声明的变量也同样有效。
sass --watch public/stylesheets/sass:public/stylesheets
。这将监视public/stylesheets/sass
中的所有.scss
文件,并将它们写入到public/stylesheets/
作为.css
文件。 - Zabba