Webpack样式打包未添加厂商前缀问题修复
Webpack 的静态资源打包不加厂商前缀？挺常见的问题，尤其是样式里没自动补 -webkit、-moz 这些。其实不是 PostCSS 配置错了，而是 browserslist 太保守了。Webpack 默认只支持最新浏览器，覆盖面太窄，不会自动加前缀。
你只需要在 package.json 里加一段配置：
"browserslist": [
"cover 99.5%"
]cover 99.5% 的意思是覆盖全球 99.5% 的浏览器用户，等于告诉 autoprefixer：“别太挑了，该照顾的都照顾下。”
加完记得 重新打包，你再去看输出的 CSS，-webkit 什么的就都有了。想验证也简单，用命令 npx browserslist 一下，就能看到支持了哪些浏览器，挺直观的。
哦对了，如果你对 Webpack 打包机制不太熟，可以看看《Webpack 静态资源打包机制》这篇，讲得比较清楚。还有这个打包示例，代码也挺清爽的，看看更有感觉。
文件大小：88.66KB
评论区