首页 > Windows开发 > 详细

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

时间:2019-09-05 14:48:57      阅读:184      评论:0      收藏:0      [点我收藏+]

官网: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

 

技术分享图片

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

技术分享图片

 

技术分享图片

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

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

原文:https://www.cnblogs.com/little-ab/p/11465416.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!