Vue 中使用 babel-polyfill 来兼容低版本浏览器

·  阅读 2460

为什么要用bable-polyfill?

     Babel 默认只转换新的 JavaScript 句法,而不转换新的 API,比如 Iterator、Generator、Set、Map、Proxy、Reflect、Symbol、Promise 等全局对象,以及一些定义在全局对象上的方法(比如 Object.assign)都不会转码。
Babel 默认不转码的 API 非常多。
     有时候,对于一些低版本的浏览器以及安卓5.0以下,es6的api不能被支持,这时候需要使用 babel-polyfill 来做兼容,具体如下:

  1. npm install  babel-polyfill -s;
  2. 在main.js中import 'babel-polyfill';
  3. 在webpack配置文件中webpack.base.conf.js中项目的入口写入"babel-polyfill"如图下:

分类:
前端
标签:
分类:
前端
标签:
收藏成功!
已添加到「」, 点击更改