后处理工具

十二、后处理工具

随着 PostCSS 的不断完善，各种插件如雨后春笋般的涌现出来，其中不乏一些很优秀的插件。

1. 面向未来的 CSS
   • Autoprefixer 根据 caniuse 的数据自动增加前缀，解放双手的利器（??? 推荐? ）
   • postcss-cssnext 支持大量浏览器未实现的标准特性（CSS 变量，嵌套等）（?? 推荐? ）

1. 格式化工具

   • stylefmt 支持 CSS、SCSS 等多种语法，支持 stylelint（??? 推荐? ）
   • perfectionist 支持一些 stylefmt 不支持的语法（?? 推荐）
   • sublime-perfectionist
   • sublime-stylefmt

2. Linter 工具

   • stylelint（??? 推荐? ）
   • CSSLint
   • scss-lint

3. 压缩代码工具

   • cssnano 后起之秀，支持规则更多（??? 推荐? ）
   • clean-css 老牌压缩工具，速度更快（??? 推荐）
   • CSSWring

   • postcss-csso

     附：CSS 压缩工具对比

4. 删除页面未使用 CSS
   • uncss 使用 PhantomJS 和 document.querySelector 动态筛除未使用的 CSS（??? 推荐? ）
   • css-razor 仅仅静态检测 HTML 中未使用的 CSS