鍍金池/ 問答/HTML/ Vue項(xiàng)目在IOS10以下打開白屏

Vue項(xiàng)目在IOS10以下打開白屏

背景：項(xiàng)目結(jié)構(gòu)是用Vue-cli搭建的，webpack基本上都是使用vue-cli的配置。目前發(fā)現(xiàn)，項(xiàng)目運(yùn)行在iOS11及上的系統(tǒng)，和安卓下，是沒有問題的。在iOS10打開，會(huì)出現(xiàn)白屏。有報(bào)錯(cuò)信息。報(bào)錯(cuò)信息如下：

clipboard.png

clipboard.png
說(shuō)明：在iOS10下，白屏現(xiàn)象會(huì)偶爾出現(xiàn)，而且報(bào)錯(cuò)信息也不是每次都一樣。有時(shí)能正常打開，則沒有報(bào)錯(cuò)信息。
查過(guò)資料，有人說(shuō)是因?yàn)槭褂肅ommonsChunkPlugin這個(gè)插件。【webpackJsonp is not defined】這是因?yàn)楣参募仨氃谧约阂玫膉s文件之前引用。在 buildwebpack.prod.conf.js 中 HtmlWebpackPlugin 插件里添加以下代碼改變文件加載順序

chunks: ['manifest', 'vendor', 'app']

但是我試過(guò)了，還是不行。

clipboard.png
跪求解答~

回答
編輯回答
涼汐

在腳手架文件里面 buildwebpack.prod.conf.js 大概是 38 行
在 new UglifyJsPlugin 添加

new UglifyJsPlugin({
...
 // 處理 IOS10 白屏
 mangle: {
  safari10: true
 }
....
})
2018年1月9日 01:50