使用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路径之中。

以上为简单封装，后续会根据情况优化。