使用electron-packager打包Cocos Creator的Web版本

1.新建Creator工程,我这里新建了一个HelloWord的工程
2.Creator界面选择项目-构建发布(快捷键Ctrl+Shift+B),发布平台选择Web mobile 或者Web Desktop,点击构建发布

使用electron-packager打包Cocos Creator的Web版本
3.发布完成后在项目根目录build文件夹下的web-xxx目录下将全部文件复制到一个新文件夹内

4.安装nodejs(electron需要8.x及其以上版本)

5.使用npm全局安装electron打包工具

npm install -g electron-packager

6.在新文件夹内新建main.js和package.json两个文件,文件内容如下

main.js

const {app, BrowserWindow} = require('electron');
let win;
let windowConfig = {
    width:800,
    height:600
};
function createWindow(){
    win = new BrowserWindow(windowConfig);
    win.loadURL(`file://${__dirname}/cocos/index.html`);//指向index.html
    //开启调试工具
    // win.webContents.openDevTools();
    win.on('close',() => {
        //回收BrowserWindow对象
        win = null;
    });
    // win.on('resize',() => {
    //     win.reload();
    // })
}

app.on('ready',createWindow);
app.on('window-all-closed',() => {
    app.quit();
});

app.on('activate',() => {
    if(win == null){
        createWindow();
    }
})

 package.json

{
  "comment" : "name: exe名字, version: exe版本号, out: exe输出目录, platform: 打包平台, arch: 输出平台架构(x32为32位,x64为64位)",
  "name": "CocosDemo",
  "version": "0.0.1",
  "out" : "../Hello",
  "platform" : "win32",
  "arch" : "x64",
  "description": "a simple application",
  "main": "main.js",
  "scripts": {
    "start": "electron .",
    "package": "electron-packager . --electron-version=1.4.13"
  },
  "author": "lmz",
  "license": "ISC"
}

7.在文件夹内呼出powershell窗口,执行

npm run-script package

使用electron-packager打包Cocos Creator的Web版本

使用electron-packager打包Cocos Creator的Web版本

使用electron-packager打包Cocos Creator的Web版本

使用electron-packager打包Cocos Creator的Web版本