不可见的 CSS 注释答案

【问题标题】：Invisible CSS comments不可见的 CSS 注释
【发布时间】：2011-04-17 06:03:08
【问题描述】：

我最近开始在我的 html.erb 文件中使用，因为这些文件不会显示在用户可以查看的源代码中。

有没有一种方法可以将 cmets 添加到 .css 文件中以使它们不被邪恶的旁观者看到？

【问题讨论】：

【解决方案1】：

正如@Eimantas 已经说过的那样：在生产中发送未缩小版本的 JS/CSS 文件不是一个好习惯（你会因此在 YSlow 中得到坏标记）。

它就像一个魅力：你只需要在你的 gem 文件中提到它 (Rails 3)

gem "smurf"

就是这样！好吧，如果你在你的 stylesheet_link_tag 中使用 :cache => ... 就是这样：

stylesheet_link_tag "foo", "bar", :cache => "public.css"

它拦截标准 Rails 行为，将连接的文件保存到磁盘并在之前压缩它们。

还有一点很明显——它只会在生产模式下压缩文件，因为 :cache 选项只有在启用缓存的情况下才有效。

【讨论】：

【解决方案2】：

您可以使用Sass 来编写样式表，它具有// 注释语法，不会在输出CSS 中发出。（我建议您通过Compass 使用它，特别是如果您使用的是 Rails）。

Sass 有一个称为 SCSS 的语法变体，如果您不喜欢 Sass 的缩进结构，它完全兼容 CSS。

【讨论】：

【解决方案3】：

与 HTML 相同——在交付给客户端之前（服务器端或上传之前）剥离它们。

您可能希望将缩小工具（例如 YUI compressor）链接到您的构建/发布过程中。

【讨论】：