vue项目兼容ie方案

1.遇到的问题,vue2.x在ie兼容配置不生效?

在ie上遇到"includes"未定义,"promise"未定义等。

目前vue脚手架项目,如果遇到ie上es6 api问题,可以考虑配置polyfill,正确的polyfill配置方案,在babel.config.js中:

1.useBuiltIns:false,不引入polyfill包,项目不考虑兼容配置

2.useBuiltIns:"entry",注意需配合主入口引入babel-polyfill,比如main.js中import 'babel-polyfill',会根据目标浏览器browsers来按需引入polyfill

3.useBuiltIns:"usage",会根据项目中使用到的api,比如'es6.promise',  'es6.array.find-index','es7.array.includes', 'es6.string.includes'来按需引入polyfill

 目前认为第3种方式比较好,第2种特别注意主入口需引入babel-polyfill

2.npm依赖包有不兼容ie语法报错问题

在vue.config.js中将需要babel转换包配置进transpileDependencies:

transpileDependencies: ['element-ui']

 

版权声明:
作者:wuhou123
链接:https://wuhou.fun/43.html
来源:前端网
文章版权归作者所有,未经允许请勿转载。

THE END
分享
二维码
海报
vue项目兼容ie方案
1.遇到的问题,vue2.x在ie兼容配置不生效? 在ie上遇到"includes"未定义,"promise"未定义等。 目前vue脚手架项目,如果遇到ie上es6 api问题,可以考虑配……
<<上一篇
下一篇>>
文章目录
关闭
目 录