Sass @import 使用前导下划线

Question

我知道最好的做法是在不使用前导下划线的情况下导入 SASS/SCSS 部分；例如

@import 'normalize-scss/normalize'; 
// this imports ./normalize-scss/_normalize.scss

我对 Nerd 完整性的问题是，如果使用下划线导入文件有什么后果吗？

@import 'normalize-scss/_normalize';

Answer 1

不。如果您的文件是 _foo.scss，只要您没有任何不明确的文件名(除非可能存在任何副作用)，所有这些导入都具有相同的结果:

@import "foo";
@import "foo.scss";
@import "_foo";
@import "_foo.scss";

名称相同但扩展名不同的文件

唯一需要扩展的情况是您在同一搜索路径中同时拥有 _foo.scss 和 _foo.sass。如果您不指定哪一个，您将收到以下错误:

    error sass/test.scss (Line 7: It's not clear which file to import for '@import "test/bar"'.
Candidates:
  test/_bar.sass
  test/_bar.scss
Please delete or rename all but one of these files.
)

具有相同名称但以下划线为前缀的文件

如果您同时拥有 foo.scss 和 _foo.scss，则 foo.scss 将优先。如果您想要 _foo.scss，则需要在导入语句中添加下划线。

@import "test/_foo";

无论您的导入语句是什么样的，每次保存时 Sass 都会警告您:

WARNING: In /path/to/test:
  There are multiple files that match the name "bar.scss":
    _bar.scss
    bar.scss