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

本文主要是介绍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

这篇关于ie11空白：vue-cli4.x vue.config.js 配置 babel-polyfill的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---