vue项目移动端 ios9.x 低版本白屏问题

作为一个问题小白，踩坑那都是常有之事，开发移动端是让我最头疼的事。这个白屏的问题也不是第一次遇到了，这次一定要记录一下，让自己长个记性，若是有不对的地方，欢迎各位大佬的指正。

此文档借鉴了kayla_wang作者的方法，链接在此：https://blog.csdn.net/qq_16122415/article/details/80365661

低版本的白屏的问题主要还是兼容性问题，首先想到的就是使用依赖包，下面就是我学习到的内容：

第一步：安装es5转码规则和babel-polyfill依赖（有些低版本不支持es6）

npm install --save-dev babel-preset-es2015

npm install --save-dev babel-polyfill

npm install es6-promise

第二步：将安装好的依赖，在main.js中全局引用

import 'babel-polyfill'
import Vue from 'vue'
import Es6Promise from 'es6-promise'
Es6Promise.polyfill()

第三步： 在.babelrc中修改配置

{
"presets": [
"es2015",
"stage-2"
],
"plugins": [
"transform-vue-jsx",
"transform-runtime"
]
}

第四步：修改webpack.base.conf.js的配置，对vux进行es5转译

{
test: /vux.src.*?js$/,
loader: 'babel-loader',
query: {
presets: ['es2015']
},
},
{
test: /\.js$/,
loader: 'babel-loader',
query: {
presets: ['es2015']
},
include: [resolve('src'), resolve('test'), resolve('node_modules/webpack-dev-server/client')]

},

大概就是这个样子啦。给有这类问题的朋友，一个小小的思路。上面有借鉴作者的链接，希望作者本人看到不要介意哦。