ie11空白：vue-cli4.x vue.config.js 配置 babel-polyfill

1.安装：

npm i babel-polyfill -s

还有些网上的  “babel-polyfill”   是   npm i @babel/polyfill

不管怎么安装，之后引入的时候和安装的姿势（名称）一样就行

 

2.引入

你可以选择3个引入地点，只需引入一次就可以，引入多次会报：only one instance of babel-polyfill is allowed 只可以引入一次 （不过我感觉这个页不影响啦）

A：main.js引入

import "babel-polyfill"
// 放在第1行，也就是顶部，确保所有都能被转化

你安装的是什么，就引入什么

B：babel.config.js配置   （这个我没试过）

module.exports = {
  presets: [
    ['@vue/app', {
      useBuiltIns: 'entry'
    }]
  ]
}

C：vue.config.js配置

module.exports = {
    // ES6兼容配置：在exports中添加，这里很关键，不配置不行  
    transpileDependencies: ['element-ui'],
    // 链式webpack配置函数
    chainWebpack (config) {
      config.entry('main').add('babel-polyfill')
    }
}

你安装的是什么，就配置什么

PS：transpileDependencies配置项可以直接看着你package.json里面的安装项全填上去，反正坑定没坏处啦

以上。

 

参考链接：

https://www.jianshu.com/p/f2082ed8e285

https://www.jianshu.com/p/18e5e572ee3d