react基于electron打包桌面应用程序

electron入门配置

---

基本的npm i electron-packager --D 项目依赖
添加script命令

package.json下面的"script":{
"electron-packager  .项目根目录 项目名称 --platform=平台(win32) --arch=架构(x64) --out 文件打包输出的目录 --icon=项目图标 --overwrite(表示会覆盖之前的打包文件重新打包) --ignore=要忽略的目录或文件"
}

具体配置百度很多
根据package.json配置开始运行

大概配好差不多这个样子

"electron-packager . demo --platform win32 --arch x64 --out target/  --asar --overwrite --ignore=\"(.history|resources|docs|.gitignore|LICENSE|README.md|webpack.config.js)\""

我这里是npm run build 运行开始打包 可能有点慢 等等就好了

打包后在打包输出的目录里会出现一个文件夹demo-win32-x64这时候点击里面的demo.exe可以正常运行
因为是打包后是文件夹不方便传输和安装且体积很大，所以需要对项目文件夹进行二次打包成安装文件(打成压缩包其实也行，不过好像容易损文件）

我这里用到的SetupFactory 9(教程下方link）
点击跳转
踩坑
这里之前因为没有配置要忽略的目录或文件导致SetupFactory加载打包文件无限闪退
按照教程选择合适的配置即可