electron 打包

Posted 张书达

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了electron 打包相关的知识,希望对你有一定的参考价值。

 

打开项目路径

1使用命令 npm install --save-dev electron-packager将electron-package安装到项目的路径下面

注:完成以上两步骤会在 package.json 生成文件

"devDependencies": {
  "electron-packager": "^8.5.1"
}

3在项目根目录下面的 package.json 里添加类似于如下代码

技术分享图片

"scripts": {


os系统:"packageDarwin": "electron-packager . ‘Hosts‘ --platform=darwin --arch=x64 --icon=hosts.icns --out=./dist --asar --app-version=2.0.1 --ignore=\"(dist|src|docs|.gitignore|LICENSE|README.md|webpack.config*|node_modules)\"",

os系统:"packageDarwin": "electron-packager . ‘Hosts‘ --platform=darwin --arch=x64 --icon=hosts.icns --out=./dist --asar --app-version=2.0.1",


windows系统:"packageWin": "electron-packager . ‘Hosts‘ --platform=win32 --arch=x64 --icon=hosts.ico --out=./dist --asar --app-version=2.0.1 --ignore=\"(dist|src|docs|.gitignore|LICENSE|README.md|webpack.config.js|node_modules)\"",

windows系统:"packageWin": "electron-packager . ‘Hosts‘ --platform=win32 --arch=x64 --icon=hosts.ico --out=./dist --asar --app-version=2.0.1",


linux系统:"packageLinux": "electron-packager . ‘Hosts‘ --platform=linux --arch=x64 --out=./dist --asar --app-version=2.0.1 --ignore=\"(dist|src|docs|.gitignore|LICENSE|README.md|webpack.config.js|node_modules)\""

linux系统:"packageLinux": "electron-packager . ‘Hosts‘ --platform=linux --arch=x64 --out=./dist --asar --app-version=2.0.1"


}

技术分享图片

 

命令说明: 
* location of project:项目所在路径 
* name of project:打包的项目名字 
* platform:确定了你要构建哪个平台的应用(Windows、Mac 还是 Linux) 
* architecture:决定了使用 x86 还是 x64 还是两个架构都用 
* electron version:electron-prebuilt 的版本 
* optional options:可选选项

PS:这里要注意,字段里的 项目名字,version,icon路径要改成自己的; 例如:"packager": "electron-packager ~/Desktop/myFirstElectronApp(项目位置) Hello(项目名称) --linux --out ./OutApp(项目导出位置) --version 1.4.13 --overwrite"

4然后,使用命令 npm run-script package---即可打包











以上是关于electron 打包的主要内容,如果未能解决你的问题,请参考以下文章

Electron 打包后不支持 ES6

Electron常见问题 44 - 同一个Electron工程打包出不同的客户端安装包

03、electron-builder打包命令报错

vue3 electron 记录

如何使用 Electron 运行和打包外部可执行文件?

vue+electron打包不能网络请求