如何让 Sass 不编译我的部分文件?

How to make Sass not to compile my partial files?

我试图通过将 SCSS 文件拆分成单独的部分文件来使它更加模块化。一切都很好,直到我突然在我的 partials 目录中有了一堆 .css 和 .css.map 文件,因为我自然而然地保存了所有这些文件,并且 Sass 观察者尽职尽责地编译了他们也是。

如何获得像 Bootstrap 这样的干净结构,同时又不必手动删除每个部分 .css 文件?理想情况是每次我编辑和保存部分文件时,Sass watcher 只编译主 .scss 文件。

我在 Mac 上使用带有 Sass 观察器插件的 VS Code。在这种环境下可以实现吗?

https://sass-lang.com/guide

A partial is simply a Sass file named with a leading underscore. You might name it something like _partial.scss. The underscore lets Sass know that the file is only a partial file and that it should not be generated into a CSS file. Sass partials are used with the @import directive.

谢谢 Arkellys。

理想情况下,您有一个主 .scss 文件,例如 style.scss,然后存在其他部分,例如 _header.scss。 一旦你有了这样的部分,谨慎的做法是将它导入到文件顶部的主 .scss 文件中。在这种情况下,它将是@import 'header'; 请注意,我们不导入下划线... 如果在此之后您没有任何错误,并且它仍然没有编译,那么请检查您是否在 html.

的头部正确引用了已编译的 css