使用electron将項目封裝為桌面版

1、下載下傳electron工程

可通過git指令克隆：git clone [email protected]:yzhaof/electron.git，或者前往頁面直接下載下傳：https://gitee.com/yzhaof/electron。

工程拉取完成後，需使用npm install指令安裝所需的依賴。

2、項目打包

将要封裝的項目打包，并将打包後的檔案放入克隆下的工程檔案中，替換其中index.html。

3、配置package.json

配置封裝指令。添加"pack": “electron-packager . ‘導出名稱’ --platform=win32 --arch=x64 --out=./out --asar --app-version=0.0.1”

{
  "name": "electron-quick-start",
  "version": "1.0.0",
  "description": "A minimal Electron application",
  "main": "main.js",
  "scripts": {
    "start": "electron .",
    "pack": "electron-packager . '導出名稱' --platform=win32 --arch=x64  --out=./out --asar --app-version=0.0.1"
  },
  "repository": "https://github.com/electron/electron-quick-start",
  "keywords": [
    "Electron",
    "quick",
    "start",
    "tutorial",
    "demo"
  ],
  "author": "GitHub",
  "license": "CC0-1.0",
  "devDependencies": {
    "electron": "^10.1.5",
    "electron-packager": "^15.1.0"
  }
}

           

直接修改時，項目中沒有electron-packager的依賴，還需通過npm install --save-dev electron-packager指令進行安裝。

4、封裝

根據配置的指令進行封裝，這裡配置的pack，則指令就為npm run pack。導出檔案為配置的out路徑之中。

以上為簡單封裝，後續會根據情況優化。