1. 程式人生 > >electron 打包

electron 打包

自己的 ignore bpa over rip bar 技術分享 應用 icon

打開項目路徑

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 打包