PostCSS

插件架构

PostCSS 本身只负责把 CSS 解析成 AST 并重新生成，所有实际转换工作由插件完成。这让它极为灵活：

• Autoprefixer：最广为人知的 PostCSS 插件，自动根据 Browserslist 目标添加 -webkit-/-moz- 前缀，有了它你再也不需要手写前缀了
• postcss-preset-env：让你使用还未被浏览器支持的未来 CSS 特性，类似 CSS 版的 Babel
• cssnano：CSS 压缩和优化，生产构建必备

PostCSS 与 Sass 并不冲突——Sass 先处理 .scss 文件，产物再经过 PostCSS 处理，两者在构建管道中串联使用非常常见。[1]

在现代工具链中的位置

几乎所有主流构建工具都默认集成了 PostCSS：Webpack 有 postcss-loader，Vite 内置 PostCSS 支持只需在项目根目录放 postcss.config.js。Tailwind CSS v3 也是作为 PostCSS 插件运行的（v4 开始转向原生实现）。

PostCSS 的作者 Andrey Sitnik 同时也是 Autoprefixer 和 Browserslist（各工具共享的目标浏览器配置）的作者，这三个工具构成了现代 CSS 兼容性处理的基础设施。