突然有一天想打包个桌面程序,没有打包过,经过九牛二虎之力终于打包出来,在此感谢那些热于分享的前辈!
本篇只讲打包运行和出现的问题
一、准备工作:提前下载相关资源包,否则在国内环境下可能因为网络问题报错
报错原因:
electron在打包过程中需要访问github的镜像依赖,在大多数情况下由于网络问题都会报错,尤其是在离线环境下,还有报401,404错误等
1.electron安装包,electron-builder相关安装包:winCodeSign、nsis
2.electron下载网页:传送门
3.nsis下载网页:传送门
二、资源包放置位置
electron放置:
nsis 放置位置:需要新建二个文件夹如下
nsis文件夹下目录:nsis-3.0.4.1,nsis-resources-3.4.1压缩包,在当前文件夹下解压到同名文件夹下
winCodeSign文件夹下目录:winCodeSign-2.6.0压缩包,在当前文件夹下解压到同名文件夹下
最后再次执行打包命令,成功!!!
typescript
PS E:\Electron> npm run dist
> electron-builder --win --x64
• electron-builder version=24.13.3 os=10.0.22631
• loaded configuration file=package.json ("build" field)
• writing effective config file=build\builder-effective-config.yaml
• packaging platform=win32 arch=x64 electron=29.1.0 appOutDir=build\win-unpacked
• building target=nsis file=build\ElectronTest Setup 1.0.0.exe archs=x64 oneClick=true perMachine=false
• building block map blockMapFile=build\ElectronTest Setup 1.0.0.exe.blockmap
PS E:\Electron>
附上练习Demo
简单Demo