将html打包成exe程序

打包程序的两种方式

1. 使用Electron。打包时加载时间长，很容易获取依赖失败，昨晚折腾两个小时没成功
2. 使用nwjs。本文采用nwjs方式，分分钟打包成功

安装nwjs-builder-phoenix依赖

1. 新建文件夹，将需要打包的html放在当前文件夹下。
2. 新建package.json文件，增加如下配置

{
  "name": "deskApp", // 程序名称
  "version": "1.0.0",
  "description": "",
  "main": "index.html", // 对应html文件名称
  // 窗口配置
  "window": {
    "title": "七夕抽奖游戏",	// 程序窗口标题
    "icon": "",	// 程序图标
    "width": 1000,
    "height": 800,
    "toolbar": false,
    "frame": true,
    "resizable": true,
    "position": "center",
    "transparent": false,
    "show": true
  },
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "dist": "build --tasks win-x86,win-x64 --mirror https://npm.taobao.org/mirrors/nwjs/ .",
    "start": "run --x86 --mirror https://npm.taobao.org/mirrors/nwjs/ ."
  },
  "author": "",
  "license": "ISC",
  // 依赖
  "devDependencies": {
    "nwjs-builder-phoenix": "^1.15.0"
  },
  "build": {
    "nwVersion": "0.27.5"
  }
}

3. 执行npm install 将依赖下载下来

打包文件

执行npm run dist,执行成功后，在当前文件夹下会出现dist文件夹，里面有x64位和84位系统文件，打开后就有exe文件，双击可以打开。

总结

使用nwjs打包前前后后大概五六分钟就好了。

致谢

nwjs打包采用此博客 nwjs打包