可视化配置PostCSS插件，支持Autoprefixer/Tailwind/CSSNano等，一键生成postcss.config
⚙️ 基本配置
🔌 选择插件
自动添加浏览器前缀，基于Can I Use数据
使用未来CSS语法，自动降级兼容旧浏览器
CSS压缩优化，减小文件体积
Tailwind CSS实用优先框架
转换CSS中的@import规则为内联内容
支持CSS嵌套规则，类似Sass嵌套
CSS变量支持，类似Sass的$变量
CSS混入支持，类似Sass的@mixin
处理CSS中的URL，支持内联、复制、重写
自定义媒体查询，支持@media自定义别名
px转rem，移动端适配方案
排序媒体查询，合并相同断点减少重复
➕ 自定义插件
❓ 常见问题
什么是PostCSS？
PostCSS是一个用JavaScript插件转换CSS的工具。它本身不做什么，但通过插件生态系统可以实现自动添加浏览器前缀、压缩CSS、使用未来CSS语法等功能。
PostCSS和Sass有什么区别？
Sass是CSS预处理器，提供变量、嵌套、混入等语法扩展；PostCSS是后处理器，通过插件转换标准CSS。PostCSS更模块化，可以按需选择插件，也可以通过插件实现类似Sass的功能。两者可以配合使用。
最常用的PostCSS插件有哪些？
最常用的PostCSS插件包括：autoprefixer（自动添加浏览器前缀）、cssnano（CSS压缩）、postcss-preset-env（使用未来CSS语法）、tailwindcss（实用优先CSS框架）、postcss-import（处理@import）等。
什么是Autoprefixer？
Autoprefixer是PostCSS最流行的插件，根据Can I Use数据库自动为CSS属性添加浏览器前缀。你只需写标准CSS，Autoprefixer会自动处理兼容性，如将display:grid转为各浏览器支持的版本。
这个生成器安全吗？
完全安全！所有配置生成在浏览器本地完成，不发送任何数据到服务器，不收集任何个人信息。