为什么在scss/css文件名“_”或“_”前面加？

Question

为什么要在 scss 的文件名前面加上 _ ？

_filename.scss - 为什么需要 _ ？

原文由 Niko_D 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

_（下划线）是 scss 的一部分。这意味着样式表将被导入（@import）到主样式表，即styles.scss。使用 partials 的优点是您可以使用许多文件来组织代码，并且所有内容都将在单个文件中编译。

原文由 Fabian Parra 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

当你在文件名前包含“_”时，它不会生成到 CSS 中，除非你将它导入到另一个非部分的 sass 文件中。

假设你的文件夹结构是这样的

/scss
 style.scss
 _list.scss
/css

如果你运行命令

sass --watch scss:css

只会创建 style.css 和 style.css.map 文件，sass 编译器将忽略 _list.scss 而不将其内容转换为 CSS 文件。

 /scss
 style.scss
 _list.scss
/css
 style.css
 style.css.map

您可以使用 partials 的唯一方法是将它们导入另一个 .scss 文件

@import 'list.scss';

如果删除 _list.scss 前面的“_”，命令的结果将是

/scss
 style.scss
 list.scss
/css
 style.css
 style.css.map
 list.css
 list.css.map

使用 partials 的主要目的是将我们的 CSS 代码分解成几个更易于维护的部分。希望这可以帮助。谢谢。

原文由 dmcshehan 发布，翻译遵循 CC BY-SA 4.0 许可协议