十二、后处理工具

随着 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