vue-cli解决兼容ie的es6+api问题

官网:https://cli.vuejs.org/zh/guide/browser-compatibility.html#usebuiltins-usage

https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/babel-preset-app

preset-env的配置项中的useBuiltIns属性可以方便@babel/polyfill的使用。

  • useBuiltIns:false(default):此时不对 polyfill 做操作。如果引入 @babel/polyfill,则无视配置的浏览器兼容,引入所有的 polyfill
  • useBuiltIns:"entry":根据配置的浏览器兼容,引入浏览器不兼容的 polyfill。需要在入口文件手动添加 import ‘@babel/polyfill‘,会自动根据 browserslist 替换成浏览器不兼容的所有 polyfill
  • useBuiltIns:"usage":不需要在文件顶部手动引入@babel/polyfill,会根据代码中的使用进行按需添加。

browserslist :https://github.com/browserslist/browserslist

 

vue-cli解决兼容ie的es6+api问题

 若依赖的第三包含有es6+的api,可以通过vue.config.js里面添加

vue-cli解决兼容ie的es6+api问题

 

vue-cli解决兼容ie的es6+api问题

 babel的polyfills和transform-runtime参考  https://www.jianshu.com/p/b3cf89f44a08

vue-cli解决兼容ie的es6+api问题

上一篇:Windows和Linux下搭建J2sdk的环境


下一篇:win10自带虚拟机的使用(Hyper-v)