前提

環(huán)境：（vue 2.6.14 ; @vue/cli 4.5.17）
混合式app開發(fā)，將vue項目打包到原生webview下；安卓及ios低版本手機不兼容es6導致白屏問題

解決方案

1、安裝babel-polyfill 以及 es6-promise并在main.js文件中引入

// main.js
import "babel-polyfill"
import Es6Promise from 'es6-promise'
require('es6-promise').polyfill() // 在node或瀏覽器中支持ES6 與CommonJS
Es6Promise.polyfill()

2、修改babel.config.js

module.exports = {
  presets: [
    '@vue/cli-plugin-babel/preset',
  ],
};

3、修改vue.config.js，應該按需要引入需要轉碼的依賴包名稱，但是我無法確定報錯的依賴包，所以全轉了

 transpileDependencies: process.env.NODE_ENV === "development" ? ["*"] : [],

4、修改package.json

 "browserslist": [
    "> 1%",
    "last 2 versions",
    "ios >= 8",
    "android >= 4.0"
  ]

小插曲

在做完上述配置后，發(fā)現(xiàn)高版本的瀏覽器白屏，使用Chrome查看報錯信息，發(fā)現(xiàn)是打包后的chunk-vendors.js文件報錯Cannot read property '_android’ of undefine；解決方法為將if (this._android && this._android <= 2.1) 改為：if (this && this._android <= 2.1)