vue es6 to es5 浏览器兼容

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 中设置 (图中第二个红框我没有设置)


    vue es6 to es5 浏览器兼容_第1张图片
    webpack设置es5.png
  • 4,.babelrc文件里面加入 es2015 (这个我没有设置,不知道管不管用,尝试中)


    vue es6 to es5 浏览器兼容_第2张图片
    babelrc设置es2015.png
  • 补充:
    参考文档1
    参考文档2

你可能感兴趣的:(vue es6 to es5 浏览器兼容)