Quasar electron打包Windows独立/Standalone安装包

这件事对于老手来说应该是驾轻就熟的事情,而对于我这种周末临时抓包学前端的人来却很重要。

Quasar似乎不提供一键式打包安装包(没有在文档里仔细考证),只提供文件夹式的程序,涉及到的命令是:

quasar build -m electron

参考资料:Electron Build Commands

但是对于electron原生开发的人来说,实际上也是分两步打包安装包的,第一步就是上面输出的文件夹式的程序,第二步是用electron-winstaller再把程序文件夹压缩打包为独立安装包。

如果没有安装winstaller可以装一下:

npm install --save-dev electron-winstaller

然后创建一个JS脚本build.js:

var electronInstaller = require('electron-winstaller');
var path = require("path");

resultPromise = electronInstaller.createWindowsInstaller({
    appDirectory: path.join('./HelloWorldApp/electron-quick-start-win32-x64'), //刚才生成打包文件的路径
    outputDirectory: path.join('./tmp/build/installer64'), //输出路径
    authors: 'xxx', // 作者名称
    exe: 'electron-quick-start.exe', //在appDirectory寻找exe的名字
    noMsi: true, //不需要mis!
  });

resultPromise.then(() => console.log("It worked!"), (e) => console.log(`No dice: ${e.message}`));

创建完build.js脚本后,运行脚本:

node build.js

然后就去脚本中指定的输出路径寻找打包后的安装包,名称一般为xxxxxSetup.exe,压缩后的大小约为文件夹程序的50%。
参考资料:利用nativefier和electron-winstaller实现将前端网站打包成桌面程序exe文件。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容