PostCSS 是转换 CSS 语法的工具。它提供 API 来对 CSS 文件进行分析和修改它的规则。
PostCSS 本身并不能直接使用，主要是使用基于 PostCSS 编写的插件。
1 安装
pnpm add -D postcss-import postcss-nested postcss-preset-env cssnano
2 配置
在项目根目录下创建 postcss.config.cjs（这个扩展名和别的不一样，明确申明当前模块为 CommonJS，配合 Rollup），填入以下内容：
module.exports = {plugins: {// 转换 CSS 新特性至浏览器可识别的版本'postcss-preset-env': {},// 解析 CSS 中的 import'postcss-import': {},// 解析 CSS 中的嵌套'postcss-nested': {},// 压缩 CSScssnano: {},},
};
3 独立使用
安装 PostCSS CLI：
pnpm i -g postcss-cli
在命令行中执行：
postcss 要转换的CSS文件
4 结合 Webpack
见《前端工程化工具系列（十四）—— Webpack：应用模块打包器与构建工具》。
5 结合 Rollup
见《前端工程化工具系列（十三）—— Rollup：专注于库构建的 JavaScript 打包器》。
)
