electron打包（四）

在所有工作完成以后（react页面开发完成，页面已经build），就需要对我们的项目进行打包。

---

打包前的配置

首先要知道我们在开发的时候主进程加载的是react前端页面的本地url，这里需要换成react打包后的本地文件地址。

注意：react打包以后可能会出现各种各样的的问题，这里我就遇到了一个问题。就是开发的时候页面正常显示，打包成静态文件以后点击空白，一开始以为是没有设置homepage，检查之后发现不是这里的问题。后来经过多方面排查发现路由用的是BrowserRouter,对应的地址必须是服务器这是存在的，所以本地文件肯定无法正常显示。换成了HashRouter以后问题成功解决

这样以后可以测试一下换成静态页面electron能否正常加载，不能正常加载一般情况下是路径的问题。

准备打包

首先需要安装asar

$ npm install -g asar

使用asar pack 打包

$ asar pack your-app app.asar这样做的目的是为了减小打包后的文件体积。关于原理可以参考官方文档。