PostCSS提升CSS代码的实用技巧

PostCSS并非浏览器端可直接运行的样式处理器，而是一个专为构建阶段设计的Node.js工具，必须通过Webpack、Vite等构建工具链集成才能生效——它在编译时基于AST解析和转换CSS源码，输出优化后的CSS文件或内联style属性，但绝不参与运行时样式计算；本文厘清了常见误解（如HTML中误用type属性或试图前端引入）、强调了正确配置要点（插件顺序、browserslist声明、路径认知），并指出实现CSS内联需专用插件组合及静态模板前提，帮助开发者跳出“在HTML里启动PostCSS”的思维陷阱，真正掌握其作为构建时文本处理器的本质定位。

PostCSS 不是直接在 HTML 中运行的工具，它不支持