📜  为什么要在 SCSS 中的文件名前加上“_”?(1)

📅  最后修改于: 2023-12-03 14:48:57.321000             🧑  作者: Mango

为什么要在 SCSS 中的文件名前加上“_”?

在使用 SCSS 进行开发时,文件名前面通常会加上下划线“_”。这是因为在 SCSS 中有两种类型的文件:一个是普通的 SCSS 文件,另一个则是被称为部分文件(partial file)的 SCSS 文件。

部分文件

部分文件的文件名通常以下划线“_”开头。这些文件通常包含了一些可重用的代码,例如 SCSS 变量、混合宏等等。部分文件并不能单独被编译成 CSS 文件,因为它们只是 SCSS 的一部分。通过引用其他文件中的变量或混合宏等等,我们才能组合成一个完整的 SCSS 文件,再通过编译生成对应的 CSS 文件。

避免被编译

另一个原因是可以避免被编译。如果一个 SCSS 文件没有以下划线开头,那么它将被编译成一个对应的 CSS 文件。而对于部分文件,则不会被编译成对应的 CSS 文件。

例如,文件名为“_variables.scss”的 SCSS 文件只是包含一些 SCSS 变量的定义,而不是一个完整的 SCSS 文件。这时,我们可以在其他 SCSS 文件中通过 @import 来引用它,然后在新文件中使用这些变量,而不会引入额外的 CSS 样式。

总结

在 SCSS 中,将部分文件的文件名以下划线“_”开头,可以避免将其编译成对应的 CSS 文件,同时也方便我们引用其他文件中的代码。同时,部分文件也可以用于存放一些可重用的代码,例如 SCSS 变量、混合宏等等。通过使用部分文件,我们可以更好地组合出复杂的样式表。