electron打包生成exe程序

一、步骤

1、package.json中添加配置如下:
  "scripts": {
            "package":"electron-packager . demoName --platform=win32 --arch=x64 --icon=favicon.ico --out=./out --asar --app-version=0.0.1 --overwrite --ignore=node_modules"
        },

其中,
demoName-生成的应用程序.exe的名称
–icon=favicon.ico 图标favicon.ico文件需提前放在根目录下
–out=./out 指定打包文件输出的文件夹位置,当前指定的为项目目录下的out文件夹
–asar 该参数可以不加(一般需要加上),如果加上,打包之后应用的源码会以.asar格式存在;否则会以文件夹app形式存在,app中为源码

2、项目文件夹下执行npm run package

一般情况,到这里就能成功打包成可运行的exe应用程序了。

二、特殊情况(这里只记录了我自己的项目,可以参考,但是并不通用)

项目中使用了ffi-napi,这个比较特殊,明明node_modules中已经成功安装了,但是打包后运行exe程序的时候总是报错,说缺少该模块。于是,我们去掉--asar这个命令,重新打包。

3、源码被抛出来了,所以npm run build打包,
4、把源码替换为打包后的文件

1、由于ffi-napi模块已经成功安装,但还是报不存在,因此,把项目中node_modules、mian.js、package.json及其他(node_extends、resources这两个是我项目中特有的,根据个人情况自行添加)文件夹复制到build中;
2、 删掉out\resources\app中所有文件,把现在build中的所有文件复制到out\resources\app中

5、修改main.js文件:

注释win.loadURL(‘http://localhost:3000’);
添加win.loadFile(path.join(__dirname, ‘./index.html’)),填写index.html对main.js的相对路径
注释win.webContents.openDevTools();//打开F12调试

6、至此,out中的应用程序已经能够运行,可以双击.exe试试是否运行成功
7、 接下来的步骤主要为了制作安装包特定,如不需要制作安装包,请忽略

把out\resources\app中的.bat、.reg文件复制到.exe同级目录下,接下来可以制作安装包了。安装包制作参考:https://www.cnblogs.com/fetty/p/5185913.html

参考

1、https://www.cnblogs.com/luzhanshi/p/11045096.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值