配置 grunt-contrib-sass 以保留所有评论

Question

我正在为自己编写一个迷你 CSS 框架，我使用 Sass 编写源代码，并使用 grunt(grunt-contrib-sass) 将我的最终“framework-name.scss”编译为“framework-name.css”。

问题是我的scss文件中同时使用了“//”和“/* ... */”样式的cmets，而grunt-contrib-sass只保留“/* ... */”的并修剪“//”，输出没有意义而且看起来很丑。

我想将 grunt-contrib-sass 配置为保留所有 cmets 或全部修剪（我更喜欢全部保留，并在导出压缩 css 时使用 cssmin 修剪所有 cmets）。

但在阅读了 grunt-contrib-sass 文档后，我发现无法配置此选项，虽然我可以寻找其他编译工具，但我只是熟悉 Grunt。

所以请帮帮我，是否有一些方法可以在 Grunt 中实现我想要的，或者我应该简单地在 scss 文件中统一我的 cmets 样式？谢谢！

Answer 1

您的问题在于实际的 SASS 转换器，而不是 Grunt 任务 grunt-contrib-sass。

来自 SASS 语言参考：

Sass 支持带有 /* */ 的标准多行 CSS cmets，以及带有 // 的单行 cmets。多行 cmets 尽可能保留在 CSS 输出中，而单行 cmets 被删除。

无法在 SASS 转换器上进行配置。

原因是单行 cmets 实际上是 SASS 代码的 cmets。您应该使用单行 cmets 来描述变量和 mixin。它们仅在 SASS 上下文中有意义。