SASS 为 CSS 添加注释

【问题标题】：SASS adds comments to CSSSASS 为 CSS 添加注释
【发布时间】：2014-07-04 16:58:28
【问题描述】：

你好，我不知道为什么 SASS 编译 cmets 像 /* line 3, ../sass/style.scss */

有什么想法吗？

SCSS 代码

@import 'compass/css3';

nav{
  background: #e25555;
  ul{
      @include box-sizing(border-box);
  }
}

编译的 CSS

/* line 3, ../sass/style.scss */
nav {
  background: #e25555;
}
/* line 5, ../sass/style.scss */
nav ul {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

【问题讨论】：

Compass: how to remove comments containing path to a package scss from generated css file? 的可能重复项

标签： sass comments

【解决方案1】：

cmets 显示生成以下块的 sass 在源文件中的位置，使开发人员/维护人员更容易看到他们应该在哪里编辑 sass 以进行他们想要的更改。

在生产环境中，.css 文件通常会被缩小并且不会包含这些 cmets。如果您使用 Compass 将 sass 编译为 css，则可以在 config.rb 文件中更改此设置。您可以通过设置仅关闭线路 cmets

line_comments = false

（可能通过在您当前的 config.rb 中取消注释该行），或者您可以通过设置来缩小您的 css

output_style = :compressed

【讨论】：