为什么要在scss / css中的文件名“ _”或“ _”前面放置?

CSS

猴子十三小胖

2020-03-17

为什么要_在scss中的文件名前面放置?

_filename.scss-为什么需要_

第1965篇《为什么要在scss / css中的文件名“ _”或“ _”前面放置?》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

4个回答
十三伽罗Harry 2020.03.17

带有_(下划线)的文件将被编译器忽略。但是,所有这些文件都导入到单个主SCSS文件(即styles.scss)中,该文件实际上是已编译的文件(名称中没有_(下划线))

最终目标是仅编译一个SCSS文件,结果只有一个CSS文件,这具有各种优点。

神奇A阿飞 2020.03.17

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

MandyTony 2020.03.17

下划线开头的sass文件是部分文件。这是将样式分成逻辑部分的一种好方法。使用时,这些文件都会在编译时合并@import

从Sass语言指南中:

您可以创建部分Sass文件,其中包含一些CSS片段,您可以将其包含在其他Sass文件中。这是模块化CSS并帮助使事情易于维护的好方法。局部文件只是一个以下划线开头的Sass文件。您可能将其命名为_partial.scss。下划线让Sass知道该文件只是部分文件,不应将其生成为CSS文件。Sass局部变量与@import指令一起使用。

http://sass-lang.com/guide

JinJin猿 2020.03.17

如果在没有下划线前缀的情况下在节点环境中使用node-sass的观察器,也会导致错误消息,请参见https://github.com/sass/node-sass/issues/2762

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android