Node.js CSS压缩器：clean-css
我最近在金矿上找到的GitHub之一是GoalSmasher的account 。 GoalSmashers团队创建了三个大家都应该知道的著名（或至少对我有用）的实用程序：
- Enhance-CSS ：通过Base64编码将图像嵌入样式表
- clean-css ：缩小并连接CSS文件
- asset-packager ：在同一命令中生成，缩小和捆绑JavaScript和CSS文件
在本文中，我想花点时间看一下clean-css，这是一个CSS无效的简单压缩包。 clean-css实用程序可以实现CSS缩小器的所有功能：去除不必要的空格，删除注释，删除每个选择器的最后一个分号等等！
安装clean-css
clean-css可以通过NPM安装，这非常方便：
1 | npm install clean-css |
您也可以简单地从GitHub查看源代码 。
使用Shell的clean-css
从shell使用clean-css很简单：
1 | cleancss -o style.min.css style.css |
您甚至可以使用基本的shell命令在以下位置传递串联的输入：
1 | cat theme.css feature1.css feature2.css feature3.css | cleancss -o features.css |
或链式压缩：
1 | cat theme.css feature1.css | cleancss | gzip -9 -c > feature1.css.gz |
通过shell命令进行压缩对于快速手动压缩或密集的构建过程非常有用。
通过NodeJS Apps使用clean-css
clean-css也可以在您JavaScript代码中使用：
1 2 3 4 5 6 7 8 | # Get the clean-css package var cleanCSS = require('clean-css'); # Read in the source of a file or use hard-coded CSS... var source = "body { color: red; font-weight: bold; }"; # Minify! var minifiedCSS = cleanCSS.process(source); |
对于GoalSmashers团队有用的实用程序，以及将它们开源供我们所有人使用，我们深表感谢！ 我感觉有些人会根据他们的工作来调整（或创建）构建过程。 优化愉快！