Vue CLI 3.0 配置Babel Polyfill转换依赖的包

在基于 Vue CLI 3.0 的项目中,如果依赖的包中,使用了目标浏览器不支持的语法,如果希望打包的时候对该依赖一起进行 Polyfill,则需要进行一下配置:

1、在 vue.config.js 中添加 transpileDependencies 选项

1
2
3
module.exports = {
transpileDependencies: ['td-utils']
}

transpileDependencies用于配置需要转换的依赖项

2、在 babel.config.js 中添加 useBuiltIns: ‘entry’

1
2
3
4
5
6
7
8
9
10
module.exports = {
presets: [
[
'@vue/app',
{
useBuiltIns: 'entry'
}
]
]
}

3、在项目的入口文件里面,导入@babel/polyfill

1
import '@babel/polyfill'

完~