CSS3 自动添加前缀的 Autoprefixer 配置详解
Vue-cli 项目脚手架已经预配置好 Autoprefixer 插件，可以自动为 CSS 样式添加前缀。以下是涉及 Autoprefixer 的配置文件说明：
1. PostCSS 配置
Autoprefixer 的 PostCSS 配置文件写在 .postcssrc.js 中。
2. 浏览器兼容配置
浏览器的兼容规则设置在 package.json 的 browserslist 字段，确保生成的 CSS 适配指定的浏览器版本。
3. 开发环境的样式处理
在 build/webpack.dev.conf.js 文件中配置了开发环境的样式相关 loader，确保开发时应用 Autoprefixer。
4. 生产环境的样式处理
生产环境样式配置在 build/webpack.prod.conf.js 文件，同样使用了 Autoprefixer，保证生产时的 CSS 兼容性。
以上配置 Vue-cli 默认已经配置好，不需要手动调整。
文件大小：321.44KB
评论区