mkdir elec
cd elec
npm init -y
npm install --save-dev electron-packager
vim package.json
package.json
{
"name": "elec",
"version": "1.0.0",
"description": "",
"main": "index.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1",
"package": "electron-packager . '应用名称' --platform=darwin --arch=x64 --icon=app.icns --out=./dist --asar --app-version=1.0.0 --ignore=\"(dist|src|docs|.gitignore|LICENSE|README.md|webpack.config*|node_modules)\"",
"packageDarwin": "electron-packager . '应用名称' --platform=darwin --arch=x64 --icon=app.icns --out=./dist --asar --app-version=1.0.0 --ignore=\"(dist|src|docs|.gitignore|LICENSE|README.md|webpack.config*|node_modules)\"",
"packageDarwin2": "electron-packager . '应用名称' --platform=darwin --arch=x64 --icon=app.icns --out=./dist --asar --app-version=1.0.0",
"packageWin": "electron-packager . '应用名称' --platform=win32 --arch=x64 --icon=app.ico --out=./dist --asar --app-version=1.0.0 --ignore=\"(dist|src|docs|.gitignore|LICENSE|README.md|webpack.config.js|node_modules)\"",
"packageWin2": "electron-packager . '应用名称' --platform=win32 --arch=x64 --icon=app.ico --out=./dist --asar --app-version=1.0.0"
},
"keywords": [],
"author": "",
"license": "ISC",
"devDependencies": {
"electron-packager": "^13.1.0"
}
}
在node_modules同级目录下,新建一个icns图片文件,比如这里app.icns。
执行脚本:
npm run-script package
发现报错
Unable to determine Electron version. Please specify an Electron version
安装electron
npm install electron
重新打包
npm run-script package
然后生成了app壳子,在./dist/应用名称-darwin-x64/应用名称.app/Contents/Resources/ 目录下,删除app.asar,添加app目录,里面丢electron项目文件即可。
app.asar,是虚拟文件,也可以直接把代码打包成app.asar使用。
网友评论