使用electron-packager打包Cocos Creator的Web版本
1.新建Creator工程,我这里新建了一个HelloWord的工程
2.Creator界面选择项目-构建发布(快捷键Ctrl+Shift+B),发布平台选择Web mobile 或者Web Desktop,点击构建发布
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