非常教程

PostCSS 参考手册

PostCSS插件

优化

优化

  • postcss-calc减少calc()到值(当表达式涉及相同的单位时)。
  • postcss-combine-duplicated-selectors 自动加入相同的css选择器。
  • postcss-filter-mq 过滤所有匹配或不匹配的媒体查询。
  • postcss-import内联@import规则引用的样式表。
  • postcss-nested-import内联@import嵌套规则块内的规则引用的样式表。
  • postcss-partial-import 内联标准导入和Sass类似的部分。
  • postcss-reference模仿Less的[ @import (reference)]。
  • postcss-remove-root:root从样式表中删除所有实例。
  • postcss-single-charset确保@charset文件顶部只有一个 规则。
  • postcss-zindex重新定义正值z-index
  • postcss-unprefix 解除旧版CSS中的供应商前缀。
  • css-byebye 删除您不想要的CSS规则。
  • css-mqpacker 将匹配的CSS媒体查询连接到单个语句中。
  • stylehacks 根据浏览器支持删除CSS hacks。
  • postcss-mq-optimize 删除无效的媒体查询或其表达。
  • postcss-uncss 从样式表中删除未使用的CSS。
  • postcss-html-filter 过滤掉不适用于您提供的HTML的CSS。
  • postcss-no-important 删除声明!重要。

另请参见模块化minifier中的插件。cssnano

PostCSS

PostCSS 是一个利用 JS 插件来对 CSS 进行转换的工具

PostCSS 目录

1.快速上手
2.PostCSS插件指南
3.PostCSS runner指南
4.编写自定义语法
5.PostCSS插件
6.PostCSS和源地图