自动添加浏览器前缀.browserslistrc

如果是用vue-cli3创建的项目的话，默认是开启了这个设置的。

只需要在package.json中配置或者新建.browserslistrc文件配置。

官方文档如是说，然而实际当中各种问题就出现了：

1.使用了vant以后，提示缺少autoprefixer；

2.安装了autoprefixer以后，提示Error: PostCSS plugin autoprefixer requires PostCSS 8. Update PostCSS or downgrade this plugin.

3.请删除autoprefixer后安装8.0.0版本npm install autoprefixer@8.0.0 -D

4.然而不报错了浏览器还是没看到前缀

5.删掉.browserslistrc改用package.json配置，意外可以自动加前缀了。有什么不一样呢，反复试验，去掉.browserslistrc里面not dead，也是可以的。

6.虽然很懵逼，但是就是这么神奇

总结一下：安装autoprefixer@8.0.0 、.browserslistrc里面不要有not dead、postcss.config.js里面有plugins.autoprefixer: {},