10# webpack react项目 Autoprefixer

来源： https://www.cnblogs.com/tdd-qdkfgcs/p/11330883.html

问题描述：

报Browserslist警告，但是package.json已经设置了Browserslist字段，webpack也使用了postcss,用起来也是没问题的，只是运行的时候会报一个下面的警告。

Replace Autoprefixer browsers option to Browserslist config.
  Use browserslist key in package.json or .browserslistrc file.
  Using browsers option cause some error. Browserslist config 
  can be used for Babel, Autoprefixer, postcss-normalize and other tools.
  If you really need to use option, rename it to overrideBrowserslist.

解决方法：overrideBrowserslist: ['> 0.15% in CN']

代码如下：

module: {
    rules: [
      {
        test: /\.(sa|sc|le|c)ss$/,
        use: [
          // 分离样式文件, 而不是使用style-loader
          MiniCssExtractPlugin.loader, 
          'css-loader',
          {
            loader:'postcss-loader',
            options: {
              plugins: [
                require("autoprefixer")({
                  overrideBrowserslist: ['> 0.15% in CN']
                  //browsers : ['last 10 versions']//必须设置支持的浏览器才会自动添加添加浏览器兼容
                })
              ]
            }
          },
          'less-loader'
        ]
      },
    ...
]
...
}