PostCSS

[xlearns]

• PostCSS拥有非常强大的插件，典型的比如autoprefixer、cssnext、css modules等
• PostCSS是一款使用JavaScript插件对CSS实现转换的工具
• Vite自身已经集成PostCSS，无需再次安装。另外也无需单独创建PostCSS配置文件，已集成到vite.config.js的css选项中。可直接配置css.postcss选项即可。Vite将自动在*.vue文件中所有的style标签以及所有导入的.css文件中应用PostCSS

PostCSS插件：嵌套CSS样式写法解决方案

• postcss-import:支持@import写法
• postcss-url:支持@url写法

Autoprefixer:

• Autoprefixer是一个根据Can I Use解析CSS并为其添加浏览器厂商前缀的PostCSS插件
• Autoprefixer会使用基于当前浏览器支持的特性和属性为CSS添加前缀
• npm i -D autoprefixer@latest
• 在PostCSS配置文件post.config.js配置文件的插件属性中添加Autoprefixer

import autoprefixer from "autoprefixer"

export default { plugins:[ autoprefixer ]