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
来源:前端网
文章版权归作者所有,未经允许请勿转载。

共有 0 条评论