下载对应的版本号的Release Electron
然后把对应的项目方便整理成这样的目录结构(Windows下) node_modules重新安装,不然可能启动失败
把整文件夹给别人就可以了如果想改名子可以用改名工具rcedit
为了缓解windows路径名过长的问题(就是有可能无法顺利的进行copy),以及隐藏代码可以把应用打包成asar文件
(就相当于把文件夹压缩一下,而此种压缩Electron不用解压可以直接读取)
全局安装asar
npm install -g asar
生成asar文件
asar pack your-app app.asar
拷到对应的文件夹下
electron/resources/
└── app.asar
1和2如果要想生成对应的安装包可以借用第三方安装包生成工具进行生成如Inno Setup
如果本地安装那就需要写一个js脚本文件来执行
var asar = require('asar');
var src = '../electronpicture/'; //工程目录
var dest = 'app.asar'; //输出
asar.createPackage(src, dest, function() {
console.log('done.');
})
打包工具有很三种常见的分别是
我们这里使用第二种
安装
yarn add electron-builder --dev
npm electron-builder --dev
配置package.json
"scripts": {
"test": "node main.js",
"dist": "electron-builder --win --x64"
},
"asar": {
"unpackDir": "node_modules/edge-cs/**"
},
"build": {
"appId": "electronpicture",
"mac": {
"target": [
"dmg",
"zip"
]
},
"win": {
"target": [
"nsis",
"zip"
],
"icon": "icon/006.ico"
}
},
最后在根目录命令行运行
npm run dist
手机扫一扫
移动阅读更方便
你可能感兴趣的文章