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

Posted 2021-04-16 倒骑驴的猪

0 1

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

0 1

原因

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

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

0 2

解决方案

1. 安装命令：

        npm install --save babel-polyfill.

  2.在main.js中导入：

       

 import 'babel-polyfill'       

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

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

0 3

参考文章

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

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

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

扫码关注