带注释的 SASS 编译

Question

我正在编译一个 SCSS 文件，它似乎删除了我的评论。我可以使用什么命令来保留所有评论？

>SASS input.scss output.css

我在 SCSS 中看到两种类型的注释。

// Comment

和

/* Comment */

有什么不同？

Answer 1

正如@Roy 上面所说，多行注释 (/* */) 保留在结果 css 中，但这取决于您用于预处理 SASS 的格式。

如果您正在使用 紧凑模式 ，或任何其他 'CSS 缩小器' ，你应该更好地使用

/*! important comment */

这些注释也保存在您的 CSS 的紧凑(缩小)版本中。

例子:

html {
     /*! important comment */
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
}

结果(紧凑，缩小版):

html{/*! important comment */-webkit-box-sizing:border-box;box-sizing:border-box}