解决：webpack4->postcss->autoprefixer配置 警告：Replace Autoprefixer browsers option to Browserslist config. Use browserslis

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的前端人还是比较少的。因为很多因为版本更新导致的配置错误的答案还在。容易误导我这样的新手。