SCSS 中文件名前为何要加“_”

在 SCSS 的世界里，你可能会注意到有些文件名前面会加上一个下划线“_”。这看似简单的一个字符，其实蕴含着重要的意义。

在 SCSS 中，带有下划线前缀的文件被视为局部文件。这意味着，当你使用@import 指令引入样式文件时，SCSS 编译器不会将这些带有下划线的文件单独编译成 CSS 文件。例如，项目中有一个名为 _variables.scss 的文件，它主要用于定义各种变量，如颜色、字体大小等。如果没有下划线，编译器会将其编译成一个独立的 CSS 文件，但加上下划线后，它就成为一个辅助性的文件，供其他主要的 SCSS 文件调用，避免了生成过多不必要的 CSS 文件，使得项目结构更加清晰，同时也减少了浏览器需要加载的文件数量，提高了页面的加载速度。

这种命名方式有助于组织代码。在一个大型项目中，SCSS 文件数量众多，如果没有良好的组织方式，很容易造成混乱。通过在文件名前加下划线来标识局部文件，可以将相关的样式代码分类整理。比如，可以将所有的工具类样式放在以“_utils”开头的文件中，将页面特定部分的样式放在以“_header”“_footer”等开头的文件中。这样，当开发人员需要查找和修改代码时，能够快速定位到所需的文件，提高开发效率。

下划线前缀也起到了一种约定俗成的保护作用。它提醒开发者，这些文件不是直接用于生成最终 CSS 的，而是作为模块被其他文件引用。这种约定可以防止误操作，避免在不需要单独编译的文件上进行不必要的配置和处理。

在 SCSS 中文件名前加“_”是一种简洁而有效的代码组织和管理方式，它从文件编译、代码结构和开发规范等多个方面提升了项目的可维护性和开发效率。