vue项目兼容低版本浏览器方法

倒骑驴的猪 2020-07-18

861

vue项目兼容低版本浏览器方法

原因

Babel 默认只转换新的 JavaScript 句法（syntax），而不转换新的 API ，比如 Iterator、Generator、Set、Maps、Proxy、Reflect、Symbol、Promise 等全局对象，以及一些定义在全局对象上的方法（比如 Object.assign、Array.from）都不会转码。

举例来说，ES6在Array对象上新增的Array.from方法，Balel就不会转码这个方法。如果想让这个方法运行，必须使用babel-polyfill为当前环境提供一个垫片。

解决方案

安装命令：

npm install --save babel-polyfill.

2.在main.js中导入：

 import 'babel-polyfill'

3.在config中的webpack.base.conf.js中修改配置

entry:{
    app:['babel-polyfill','./src/main.js']     
}

参考文章

ES6标准入门第三版（阮一峰）

2.简书：Vue 2.0在老版本浏览器中打开项目页面空白解决方案：

https://www.jianshu.com/p/204892d8d1c2

扫码关注

数据库

文章转载自倒骑驴的猪，如果涉嫌侵权，请发送邮件至：contact@modb.pro进行举报，并提供相关证据，一经查实，墨天轮将立刻删除相关内容。

vue项目兼容低版本浏览器方法

https://www.jianshu.com/p/204892d8d1c2

评论