[Vue.js] 使用 babel-polyfill 解决IE浏览器 正常使用

在 Vue 中我们会使用 axios 来存取 api ,但是 axios 会使用到 ES6 的 Promise ,所以 IE 会不支持,所以要用 babel-polyfill 来来将 ES6 的语法转成ES5。

另附地址ES6转ES5在线工具:https://www.babeljs.cn/repl

安装 babel-polyfill

因为 polyfill 要在编译你的代码之前执行,所以要安装成 dependency (生产环境)而不是 devDependency(开发环境)

 
npm install --save babel-polyfill     #yarn add babel-polyfill

在 Webpack 中设定

开启 ./build/webpack.base.conf.js,在下面的 entry 中加入一行代码 polyfill: 'babel-polyfill'

 
entry: {
   app: './src/main.js',
 },

更改如下:

 
entry: ['babel-polyfill', './src/main.js'];

这样就可以在 IE 中使用 了!

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章