PostCSS都有哪些插件以及其作用

PostCSS 插件有很多，以下是一些常用的插件及其作用：

1. autoprefixer：自动添加 CSS3 前缀。
2. cssnano：优化和压缩 CSS。
3. postcss-import：通过 @import 导入 CSS 文件。
4. postcss-custom-properties：使用自定义属性，类似于 Sass 中的变量。
5. postcss-nested：允许使用嵌套规则。
6. postcss-mixins：类似于 Sass 中的 mixin。
7. postcss-css-variables：支持 CSS 变量。
8. postcss-preset-env：使用最新的 CSS 语法，自动添加前缀，按需加载 polyfill。
9. postcss-normalize：添加浏览器默认样式的规则，以消除浏览器之间的差异。
10. postcss-pxtorem：将像素值转换成 rem 值，使得页面更好地适配不同大小的设备。
11. postcss-extend：类似于 Sass 中的 @extend。
12. postcss-flexbugs-fixes：修复 Flexbox 布局的一些 bug。

当然，还有很多其他的 PostCSS 插件，可以根据自己的需要来选择和使用。