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

如何使Sass不编译我的部分文件?,sass,compilation,partials,Sass,Compilation,Partials,我正试图通过将我的SCSS文件拆分为单独的部分文件,使其更加模块化。一切都很好,直到我的partials目录中突然出现了一堆.css和.css.map文件,因为我很自然地保存了所有这些文件,而Sass watcher也尽职尽责地编译了所有这些文件 如何在不必手动删除每个部分.css文件的情况下实现像Bootstrap一样干净的结构?理想的情况是,每次我编辑和保存部分文件时,Sass watcher只编译主.scss文件 我在Mac上使用VS代码和Sass watcher插件。在这种环境下可以实现

我正试图通过将我的SCSS文件拆分为单独的部分文件,使其更加模块化。一切都很好,直到我的partials目录中突然出现了一堆.css和.css.map文件,因为我很自然地保存了所有这些文件,而Sass watcher也尽职尽责地编译了所有这些文件

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

我在Mac上使用VS代码和Sass watcher插件。在这种环境下可以实现吗?

分部文件只是一个以前导下划线命名的Sass文件。你 可以将其命名为_partial.scss。下面的下划线让Sass 知道该文件只是一个部分文件,不应该是 生成一个CSS文件。Sass partials与@import一起使用 指令

谢谢Arkellys。

分部文件只是一个以前导下划线命名的Sass文件。你 可以将其命名为_partial.scss。下面的下划线让Sass 知道该文件只是一个部分文件,不应该是 生成一个CSS文件。Sass partials与@import一起使用 指令


谢谢Arkellys。

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

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

部分不应生成任何css文件。您如何命名它们?只是它们负责的部分/功能,如schedule_edit.scss、site_wide.scss、register.scss。。。。etcAlright感谢我在文档中找到的提示。它们都应该有一个下划线前缀。部分不应该生成任何CSS文件。您如何命名它们?只是它们负责的部分/功能,如schedule_edit.scss、site_wide.scss、register.scss。。。。etcAlright感谢我在文档中找到的提示。它们都应该有下划线前缀。我很高兴我帮了忙。:)你应该接受你的答案,因为它可能会帮助别人。我很高兴我帮了忙。:)你应该接受你的答案,因为它可能会帮助别人。