vue项目白屏问题汇总，多方案详细解决

来了，兄弟，别急，咱们慢慢往下看。
项目打包之后，本地打开文件显示白屏了？
微信公众号里打开项目白屏了？
苹果手机打开白屏了？
死活都有部分iPhone机型是白屏显示的？
兄弟，别急，咱们走起……

1，ios10 出现白屏

原因是由于ios 10中Safari中错误描述如下:当你定义一个与参数同名的for循环迭代变量时，我们错误地认为这是一个语法错误。解决方法如下：

进入build文件夹；
找到webpack.prod.conf.js文件；
在UglifyPlugin的定义里添加关于mangle的选项，使它变成下面这个样子

new UglifyJsPlugin({
uglifyOptions: {
compress: {
warnings: false
},
mangle: {
safari10: true
}
},
sourceMap: config.build.productionSourceMap,
parallel: true
}),

2，Swiper插件导致白屏

解决方法是在项目根目录下新建一个文件vue.config.js，在里面添加如下语句：

module.exports = { chainWebpack: config => {
config.rule(‘js’).include.add(/node_modules/(dom7|swiper)/.*/) } }<