vue2 vue-cli4.x开始,基本不需要再手动npm装babel了,但是项目跑起来发现ie11打开是空白的?

虽然微软都放弃了自己的亲儿子:ie浏览器,但是甲方爸爸还有儿子啊

本文从vue2.0适配ie10及以上开始说起

1. vue-cli4.x开始,基本不需要再手动npm装babel了,但是项目跑起来发现ie11打开是空白的??

赶紧检查自己导入的插件库吧,说不定就有某一个是es6写的,并且你没有给它添加到转译配置里,本案例用ant和vuex-persist举例如下.

2. vue.config.js中这样配置:

module.exports = {
	 transpileDependencies: ["ant-design-vue",'vuex-persist'],
}

3. 根目录新建babel.config.js , 代码如下:

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

• 对于其他度娘说的,比如vue.config.js加入‘config.entry.app = [‘babel-polyfill’, ‘./src/main.js’]’ 或者 main.js引入babel-polyfill 之类的,统统干掉!不需要了!

• 重新npm i 之后跑一下试试吧!