在项目开发中使用的vuecli4作为的脚手架,发现在较低版本浏览器上(不能识别es高版本的浏览器:比如QQ浏览器),产生了es api语言报错问题。

    vuecli在打包时,默认node_modules下的包就是生产版本的高,将不会对node_modules下的包再进行一次babel转义,由于有的包使用了高版本语法,在低版本浏览器上运行就会报错。

    1. // 入口文件顶层引入
    2. import 'core-js/stable';
    3. import 'regenerator-runtime/runtime';
    1. module.exports = {
    2. presets: [
    3. '@vue/cli-plugin-babel/preset',
    4. [
    5. '@babel/preset-env',
    6. {
    7. useBuiltIns: 'entry',
    8. corejs: 3,
    9. },
    10. ],
    11. ],
    12. }