在项目开发中使用的vuecli4作为的脚手架,发现在较低版本浏览器上(不能识别es高版本的浏览器:比如QQ浏览器),产生了es api语言报错问题。
vuecli在打包时,默认node_modules下的包就是生产版本的高,将不会对node_modules下的包再进行一次babel转义,由于有的包使用了高版本语法,在低版本浏览器上运行就会报错。
// 入口文件顶层引入
import 'core-js/stable';
import 'regenerator-runtime/runtime';
module.exports = {
presets: [
'@vue/cli-plugin-babel/preset',
[
'@babel/preset-env',
{
useBuiltIns: 'entry',
corejs: 3,
},
],
],
}