PostCSS 配置生成器

勾选需要的 PostCSS 插件，工具会按规范顺序生成一份可粘贴的 postcss.config.js 配置代码，包括 postcss-import、tailwindcss、postcss-preset-env、postcss-nested、autoprefixer 与 cssnano。适合快速搭建样式构建流程。全部在浏览器本地完成。

插件选择等待输入

至少勾选一个插件；插件顺序会按推荐顺序自动排列。

生成结果

插件数—

文件名—

勾选插件后点击生成，配置代码将显示在这里。

cssnano 仅在 NODE_ENV=production 时启用；结果仅供参考。

使用说明

postcss-import 支持在 CSS 中使用 @import 内联样式文件。
tailwindcss 负责生成 Tailwind 的工具类。
postcss-preset-env 让你可以使用更现代的 CSS 语法。
postcss-nested 支持类似 Sass 的嵌套写法。
autoprefixer 自动补全浏览器前缀，cssnano 压缩产物。