这件事对于老手来说应该是驾轻就熟的事情,而对于我这种周末临时抓包学前端的人来却很重要。
Quasar似乎不提供一键式打包安装包(没有在文档里仔细考证),只提供文件夹式的程序,涉及到的命令是:
quasar build -m electron
但是对于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文件。