1.安裝相關(guān)插件

yarn add @babel/polyfill
yarn add  @babel/core @babel/plugin-transform-runtime @babel/preset-env es6-promise --dev

2.修改根目錄下的文件 babel.config.js(沒有自己建立)

const plugins = ["@babel/plugin-transform-runtime"];
//發(fā)布環(huán)境移除console
if (['production', 'prod'].includes(process.env.NODE_ENV)) {
 plugins.push("transform-remove-console")
}
 
module.exports = {
 presets: [
  [
   "@vue/app",
   {
    "useBuiltIns": "entry",
    polyfills: [
     'es6.promise',
     'es6.symbol'
    ]
   }
  ],
    "@babel/preset-env"
 ],
 plugins: plugins
};

3.創(chuàng)建/修改根目錄下的文件 vue.config.js：

module.exports = {
    // 顯式轉(zhuǎn)義依賴
    transpileDependencies: ['webpack-dev-server/client'],

    chainWebpack: config => {
            // 指定入口  es6轉(zhuǎn)es5
            config.entry.app = ['babel-polyfill', './src/main.js'];
    }
}

4.入口引入相關(guān)插件 src/main.js

// 解決ie白屏問題
import '@babel/polyfill'
import Es6Promise from 'es6-promise'
Es6Promise.polyfill()