为什么要_
在scss中的文件名前面放置?
_filename.scss
-为什么需要_
?
为什么要_
在scss中的文件名前面放置?
_filename.scss
-为什么需要_
?
_(下划线)是scss的一部分。这意味着样式表将被导入(@import)到主样式表,即styles.scss。使用partials的优点是您可以使用许多文件来组织代码,并且所有内容都将被编译到一个文件中。
下划线开头的sass文件是部分文件。这是将样式分成逻辑部分的一种好方法。使用时,这些文件都会在编译时合并@import
。
从Sass语言指南中:
您可以创建部分Sass文件,其中包含一些CSS片段,您可以将其包含在其他Sass文件中。这是模块化CSS并帮助使事情易于维护的好方法。局部文件只是一个以下划线开头的Sass文件。您可能将其命名为_partial.scss。下划线让Sass知道该文件只是部分文件,不应将其生成为CSS文件。Sass局部变量与@import指令一起使用。
如果在没有下划线前缀的情况下在节点环境中使用node-sass的观察器,也会导致错误消息,请参见https://github.com/sass/node-sass/issues/2762
带有_(下划线)的文件将被编译器忽略。但是,所有这些文件都导入到单个主SCSS文件(即styles.scss)中,该文件实际上是已编译的文件(名称中没有_(下划线))
最终目标是仅编译一个SCSS文件,结果只有一个CSS文件,这具有各种优点。