vue-cli3兼容ie9及以上

1、配置 .browserslistrc

> 1%
last 4 versions

2、安装babel-polyfill依赖
npm install babel-polyfill --save-dev

在vue.config.js中引入babel-polyfill

chainWebpack: config => {
        config.entry.app = ["babel-polyfill", resolve('src/main.js')],
            config.resolve.alias
                .set('@', resolve('src'))
                .set('./@assets', resolve('src/assets'))
                .set('@components', resolve('src/components'))
                .set('@store', resolve('src/store'))
                .set('@utils', resolve('src/utils'))
                .set('@serviceSupervision', resolve('src/components/pages/serviceSupervision'))
                .set('@onlineRevision', resolve('src/components/pages/onlineRevision'))
                .set('@evaluate', resolve('src/components/pages/evaluate'))
                .set('@TablesAndChairs', resolve('src/components/pages/TablesAndChairs'))
                .set('@font', resolve('src/font'));
    }

在babel.config.js中引入配置

module.exports = {
    presets: [
        ['@vue/app', {
            polyfills: [
                'es6.promise',
                'es6.symbol'
            ]
        }]
    ]
}

配置完之后在ie中打开会出现空白现象,在打开控制台的情况下,在刷新就会出现页面了,对于这个问题是ie的控制台脚本保护机制,我们需要重新定义console.log:
在加载的index.html,对console做判断(放在标签前面)


你可能感兴趣的:(vue-cli3兼容ie9及以上)