部分Sass文件中的下划线

Question

是否有必要以.shss部分文件以下划线开头？文档指出partial应该以下划线开头，因为文件否则会编译为CSS文件。

但是我注意到gulp-sass将没有下划线的文件编译成一个完整的CSS文件就好了。

Answer 1

1。如果您不希望将它们生成为css文件，则必须以下划线开头。

2。 scss文件可以导入另一个没有下划线的文件，但仍然可以正确编译。

举个例子：

sass
    +-- base
    |   +-- _normalize.scss 
    +-- components  
    |   +-- site-header.scss
    +-- utilities       
    |   +-- _icons.scss
    +-- site.scss

我们可以看到site-header.scss和site.scss没有下划线。如果我运行gulp任务来编译sass文件夹中的任何内容，则会输出两个文件。

site-header.css
site.css

我们不想生成site-header.css但是因为我们省略了下划线，编译器只忽略带有下划线的文件并为其生成css文件。

site-header.scss仍可在site.scss中使用@import

引用

@import 'components\site-header';

无论是否带有下划线，都会产生相同的结果。