前端 nodejs 命令行自动调用编译 inno setup 的.iss文件
2022/7/26 1:24:06
本文主要是介绍前端 nodejs 命令行自动调用编译 inno setup 的.iss文件,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
项目中需要把前端代码用 electronjs 打包成 windows 安装包
使用的是开源的 inno setup 制作安装包 官网
虽然 ElectronJS 也有 electron-builder 制作安装包的插件,为什么要使用这软件来制作安装包?
1、因为可以更好的自定义安装过程
2、electron-builder 安装包插件 在大文件如包文件超过2G的情况下会打包失败
安装完软件,按完安装包制作过程一步步完成后,会生成一个 .iss 后缀的编译文件,下一次打包,直接运行这个文件即可重新打包。
但每次打包都要手动双击这个.iss文件,显然不快乐。
现在前端都自动化了,所以编译这一步,也要用代码来完成。等前端代码打包完成后,自动运行 .iss 来生成安装包
打包过程很简单,只有两步在 nodejs 中 用 child_process 去调用
1、yarn electron:build
2、iscc "setup.iss"
iscc 命令是 inno setup 的
官方文档:
https://jrsoftware.org/ishelp/
documentation -> main help file -> other infomation -> Command Line Compiler Execution 一节有说明
如果直接在 powershell 或其它命令行中运行可能会失败,需要在在环境变量里添加一下
桌面 -> 右键我的电脑 -> 属性 -> 高级系统设置 -> 高级选项卡 -> 环境变量 -> 选中 Path 编辑 -> 浏览定位到 Inno Setup 安装目录 (如: C:\Program Files (x86)\Inno Setup 6)
我用的是 win10 其它系统可能略有差别,但要的就是把 iscc 命令添加到环境变量内,使得 命令行工具内能识别到 iscc 命令
nodejs 使用 child_process 来处理命令行调用
const { exec } = require('child_process');
如:
exec('yarn electron:build', (error, stdout, stderr) => { if (error) { console.error(`exec error: ${error}`); return; } });
接着使用
const { exec } = require('child_process'); const cpExec = exec(`iscc "setup.iss"`, (error, stdout, stderr) => { if (error) { console.error(`exec error: ${error}`); return; } });
注意:iscc "setup.iss" 就是.iss文件路径,一定要包含在引号内不要忘记引号
如果想在命令执行的时候打印出 .iss 文件编译的输出信息,则需要exec实例中使用 stdout.on 侦听 console.log 出 data
const { exec } = require('child_process'); const cpExec = exec(`iscc "setup.iss"`, (error, stdout, stderr) => { if (error) { console.error(`exec error: ${error}`); return; } }); // 过程中打印输出信息 cpExec.stdout.on('data', function(data) { console.log(data.toString()); });
转载入注明博客园池中物 willian12345@126.com sheldon.wang
github: https://github.com/willian12345
这篇关于前端 nodejs 命令行自动调用编译 inno setup 的.iss文件的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-11-16Vue3资料:新手入门必读教程
- 2024-11-16Vue3资料:新手入门全面指南
- 2024-11-16Vue资料:新手入门完全指南
- 2024-11-16Vue项目实战:新手入门指南
- 2024-11-16React Hooks之useEffect案例详解
- 2024-11-16useRef案例详解:React中的useRef使用教程
- 2024-11-16React Hooks之useState案例详解
- 2024-11-16Vue入门指南:从零开始搭建第一个Vue项目
- 2024-11-16Vue3学习:新手入门教程与实践指南
- 2024-11-16Vue3学习:从入门到初级实战教程