1、首先

npm install --save babel-polyfill

2、然后在main.js中的最前面引入babel-polyfill

import 'babel-polyfill'

3、在index.html 加入以下代码(非必须)

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

4、在config中的webpack.base.conf.js中,修改编译配置

entry:{
    app:['babel-polyfill','./src/main.js']      
}

5、当然,如果你只用到了 axios 对 promise进行兼容,可以只用 es6-promise

npm install es6-promise --save

6、在 main.js 中的最前面 引入

import 'es6-promise/auto'

项目使用element

用 bable 来解析 element-ui, 要完成此操作只需要修改前端文件夹下的build/webpack.base.conf.js 文件即可

{
        test: /\.js$/,
        loader: 'babel-loader',
        include: [resolve('src'), resolve('test'),resolve('/node_modules/element-ui/src'),resolve('/node_modules/element-ui/packages')]
      }

最后,再依赖一个插件解决ES6/ES7高级语法兼容
 

npm install --save-dev babel-preset-es2015-ie

 

Logo

前往低代码交流专区

更多推荐