webpack4 postcss-loader autoprefixer 无效问题

为了解决各家厂商css3规范的兼容问题，需要使用webpack提供的postcss-loader和autoprefixer插件。

官方文档：


也能简写这样
{ loader: 'postcss-loader', options: { plugins: loader => [ require('autoprefixer') ] } },

发现并没有生效。。。。。

需要设置支持哪些浏览器，必须设置支持的浏览器才会自动添加添加浏览器兼容。
module.exports = { plugins: [ require('autoprefixer')({ browsers: ['last 15 versions'] }) ] };

然后就成功了，不过还是报了个警告。


意思大概就是，把 browsers改成overrideBrowserslist，就好了。

over~~