自动添加浏览器前缀.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: {},

 
工欲善其事 必先利其器
原文地址:https://www.cnblogs.com/fengyouqi/p/14453379.html