electron打包的坑如何解决(electron,开发技术)

两种方式，electron-builder打包的话扩展性更强，包也较小，electron-package打出来的包相对扩展性更小，且包容量较大，一般都会选择electron-builder进行打包。

1.两者配套使用，如果两者的包不是配套的，版本不适配那么就会导致打包失败，因此我们使用electron-builder打包的时候一定要注意版本的匹配。
2.其次也要注意我们源码所在文件的位置，路径包括文件名一定不要出现中文，否则也会导致失败。
3.网络问题也是比较坑的点，最好是能用手段让网络通畅，尽量使用yarn ， npm去安装依赖包。虽然cnpm也是可以的，但是cnpm和npm yarn还是有区别的，他们载入的包结构是不同的，因此还是建议使用yarn add。 官方也是推荐yarn
4.网络不通畅的情况下，我们下载electron 和 electron-builder就比较费劲。我这里也是通过根目录创建.npmrc文件配置镜像来操作
5.electron和 electron-builder属于开发时依赖项，特别是electron-builder一定要安在devDependencies下

package.json文件

.npmrc文件

electron主进程文件

preload.js文件

这是基本打包的步骤 此处我打包的项目是react项目 vue的话也有共通之处，最主要还是要避开版本不配套和网路不通畅的坑。