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 只可以引入一次 (不过我感觉这个页
·
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
更多推荐
已为社区贡献2条内容
所有评论(0)