vuecli4移动端项目在ios9白屏实践

前言

新项目基本开发完成，开始真机调试。发现ios9.3的手机上项目是空白的。

定位问题

开始一通搜，发现很多人说了原因就是es6模块没被解析成浏览器识别的代码。应该装插件编译下，那具体哪个插件或者文件导致的呢？

用mac电脑的safari浏览器的开发模式，调试下iphone手机的safari来定位问题。

发现报错信息来自一个第三方插件：vuex-persist

浏览器兼容问题

所以这算是浏览器兼容问题了，那么去看vuecli的官网吧，官网对Polyfill不同情况有明确的解决方法。我这边用的方法是：vue.config.js里边添加transpileDependencies

module.exports = {
	// ...其他配置
	transpileDependencies: ['vuex-persist']
}