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里面的安装项全填上去,反正坑定没坏处啦
以上。