美文网首页
vue es6 to es5 浏览器兼容

vue es6 to es5 浏览器兼容

作者: hsqin | 来源:发表于2019-07-17 10:56 被阅读0次

vue项目,当部分浏览器不支持es6时,如何兼容

  • 1,npm 安装 babel-polyfill 和 es6-promise
npm install babel-polyfill
npm install es6-promise

package.json中会显示

"babel-polyfill": "^6.26.0",
 "es6-promise": "^4.2.5",
  • 2,在main.js中设置:
import 'babel-polyfill'
import Es6Promise from 'es6-promise'
require('es6-promise').polyfill()
Es6Promise.polyfill()

  • 3,webpack.base.conf.js 中设置 (图中第二个红框我没有设置)


    webpack设置es5.png
  • 4,.babelrc文件里面加入 es2015 (这个我没有设置,不知道管不管用,尝试中)


    babelrc设置es2015.png
  • 补充:
    参考文档1
    参考文档2

相关文章

  • ES6 基础新特性

    关于 ES6 转 ES5 兼容低版本浏览器: Babel 是一个宽泛使用的 ES6 转码器, 可以将 ES6 转为...

  • webpack4-babel转换

    目前浏览器可识别的js是es5部分可识别es6所以为了兼容大部分浏览器,需要将es6 es7 es8转换成es5那...

  • 【webpack:loader】Babel

    babel介绍 Babel 是一个 JavaScript 编译器,可以把ES6的语法转为兼容浏览器的ES5语法; ...

  • ES6

    首先ES6需要转为ES5才能兼容所有浏览器,项目要求兼容高的需要使用编译工具:babel编译一下。 下载安装bab...

  • Babel 编译器执行原理浅解

    Babel 一般用来把 ES6 以后的 JavaScript 代码转换为 ES5,增加兼容性,是浏览器可以运行 我...

  • Babel 编译器执行原理浅解

    Babel 一般用来把 ES6 以后的 JavaScript 代码转换为 ES5,增加兼容性,是浏览器可以运行 我...

  • vue-cli3兼容ie浏览器的实现方法

    我们再使用vue开发过程中,会大量使用es6的语法,但是ie浏览器对es6兼容性不好,如果我们需要兼容ie,那么就...

  • 在线ES6 转ES5 在线CSS自动加前缀兼容低版本浏览器

    在线ES6 转ES5网址:https://babeljs.io/repl/ 在线CSS自动加前缀兼容低版本浏览器h...

  • webpack打包js代码

    场景: 有时候需要将es6语法转化成es5语法,便于低版本浏览器兼容。 安装: 解释babel-loader ==...

  • 认识Babel***

    Babel是什么?用于解析ES6,甚至比ES6更高级的语法,到ES5或ES4级别,满足浏览器的兼容性 环境搭建 &...

网友评论

      本文标题:vue es6 to es5 浏览器兼容

      本文链接:https://www.haomeiwen.com/subject/gyzflctx.html