vlambda博客
学习文章列表

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

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

0 1
原因
vue项目兼容低版本浏览器方法

    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
解决方案
vue项目兼容低版本浏览器方法
  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
参考文章
vue项目兼容低版本浏览器方法
  1. ES6标准入门第三版(阮一峰)

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

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


vue项目兼容低版本浏览器方法
vue项目兼容低版本浏览器方法
vue项目兼容低版本浏览器方法
vue项目兼容低版本浏览器方法
扫码关注