Vuecli3项目兼容ie方案

1.安装以下npm包:

npm install --save bavel-polyfill
npm install es6-promise --save

2.在main.js中引用:

import 'babel-polyfill'
import Es6Promise from 'es6-promise'
Es6Promise.polyfill()

3.在vue.config.js里插入代码,没有就新建(和package.json同级)

module.exports = {
    chainWebpack:config => {
        config.module
            .rule('iview')
            .test(/iview.src.*?js$/)
            .use('babel')
                .loader('babel-loader')
                .end()
    }
}

4.在babel.config.js里插入代码(和vue.config.js同级)

module.exports = {
    presets: [
        "@vue/app",
        {
            "useBuiltIns": "entry",
            polyfill: [
                'es6.promise',
                'es6.symbol'
            ]
        }
    ]
}

5.重新启动项目…

posted @ 2021-12-16 16:41  Red-Plum  阅读(587)  评论(0)    收藏  举报