electron项目进行打包

发布时间 2023-04-18 16:31:58作者: zwbsoft

背景介绍
项目需要在内网环境的linux环境下对electron项目进行打包。
获取package.json
可以只用一个package.json 在外网下载好需要的 node_modules。
在packag.json中配置好需要的依赖包,然后直接在package.json目录下npm install 即可下载所需要的依赖包。
dependencies和devDependencies的区别
dependencies:项目依赖。在编码阶段和呈现页面阶段都需要的,也就是说,项目依赖即在开发环境中,又在生产环境中。如js框架vue、页面路由vue-router,各种ui框架antd、element-ui、vant等。
devDependencies: 开发依赖。仅仅在写代码过程中需要使用,比如css预处理器、vue-cli脚手架、eslint之类。
下Electron缓存目录
以下文件皆可在淘宝npm镜像站中下载
Linux需要的文件:
electron-v13.0.0-linux-x64.zip
appimage-12.0.1.7z
snap-template-electron-4.0-1-amd64.tar.7z

如遇到electron-v13.0.0-linux-x64.zip(本项目使用的是v13版本)下载慢或者下载失败的情况可以手动下载electron文件和对应的SHASUMS256.txt文件复制到~/.cache/electron/目录下 ps:本次为离线安装所以直接下载即可

appimage 和 snam-template-electron 需要解压到以下下目录(目录不存在手动创建)
~/.cache/electron-builder/appimage
~/.cache/electron-builder/snap

windows下需要的文件:
electron-v13.0.0-win32-x64.zip
winCodeSign-2.6.0.7z
nsis-3.0.5.0.7z
nsis-resources-3.4.1.7z

对应目录:

%USERPROFILE%\AppData\Local\electron-builder\Cache\electron
%USERPROFILE%\AppData\Local\electron-builder\Cache\winCodeSign
%USERPROFILE%\AppData\Local\electron-builder\Cache\nsis

打包
将下载好的node_modules复制到electron项目中
将下载好的以下文件复制到相应的目录中:
electron-v13.0.0-linux-x64.zip
appimage-12.0.1.7z
snap-template-electron-4.0-1-amd64.tar.7z

在项目中 npm run electron:build 进行项目打包即可