在部署之前,是否有压缩HTML类属性和CSS选择器的工具？

Question

在当前项目中,我被要求在部署之前压缩HTML类属性和相应的CSS选择器.例如,生产代码是:

<div class="foo">
  <div id="bar"></div>
</div>

.foo {/*Style goes here*/}
#bar {/*Style goes here*/}

在部署时,我希望替换HTML类和相应的CSS选择器:

<div class="a">
  <div id="b"></div>
</div>

.a {/*Style goes here*/}
#b {/*Style goes here*/}

存档此压缩的可用工具是什么？

Answer 1

如果你真的想重命名类名(请记住Madmartigan所说的)Google Closure Stylesheets就是这么做的.这是一种矫枉过正,YUI压缩器或任何其他缩小+ gzipping工具应该会给你足够的性能提升,但它可以做到这一点.您将不得不使用其他Closure工具对您的.js文件和html模板进行适当的更改.

Answer 2

这是令人惊讶的短视.

• 步骤1:在Web服务器中启用GZip或Zlib压缩
• 第2步:所有文本都被压缩,通常为70%或更多
• 第3步:没有第3步.
• 第4步:利润

Answer 3

如果您使用节点处理代码,还有一个名为"rename-css-selectors"的项目:

https://www.npmjs.com/package/rename-css-selectors

它还有一个Gruntplugin:

https://www.npmjs.com/package/grunt-rcs

这将缩小HTML,JS和CSS文件中的所有CSS选择器(实际上是您想要的任何文件).我最后节省了20%的CSS文件大小.