webpack4 使用postcss 配置 autoprefixer。当打包时，会提示警告：Replace Autoprefixer browsers option to Browserslist config. Use browserslis 巴拉巴拉。。。
3种方式：
方法1：posscss.config.js 文件
module.exports = {
plugins: {
// 兼容浏览器，添加前缀
‘autoprefixer‘:{
overrideBrowserslist: [
"Android 4.1",
"iOS 7.1",
"Chrome > 31",
"ff > 31",
"ie >= 8"
//‘last 10 versions‘, // 所有主流浏览器最近10版本用
],
grid: true
}
}
}
也可以这么写：
方法2：posscss.config.js 文件
module.exports = {
plugins: [
// 兼容浏览器，添加前缀
require(‘autoprefixer‘)({
overrideBrowserslist: [
"Android 4.1",
"iOS 7.1",
"Chrome > 31",
"ff > 31",
"ie >= 8"
//‘last 10 versions‘, // 所有主流浏览器最近10版本用
],grid: true})
]
}
方法3：package.json 文件 加：
"browserslist": [
"defaults",
"not ie < 11",
"last 2 versions",
"> 1%",
"iOS 7",
"last 3 iOS versions"
]
posscss.config.js 文件
module.exports = {
plugins: [
require(‘autoprefixer‘)()
]
}
方法3就是把配置信息放到了package.json里
-------------------------------------------------------------------
题外话：从搜索解决问题的角度看，使用webpack的前端人还是比较少的。因为很多因为版本更新导致的配置错误的答案还在。容易误导我这样的新手。
原文：https://www.cnblogs.com/alpiny/p/12496691.html