laya3如何打包mac包

1、测试环境

本文用以下环境运行:

Macos 13.2.1 + laya3.3.3 + node20.12.2

2、打包游戏web包

以laya实例项目为例,我们先新建一个示例项目

然后发布web包

3、打包mac包

1)初始化项目

在release目录下新建一个mac文件夹,在该文件夹下打开终端

执行命令

npm init

根据提示填写项目基本信息

2)安装打包工具

然后安装electron的打包工具,执行以下命令:

npm install --save-dev @electron-forge/cli

3)安装依赖

工具安装完成后,再执行一个导入命令:

npx electron-forge import

打开package.json文件,你可以看到scripts下多了一些项并且新增了devDependencies子段。我们等待依赖安装完成。

javascript 复制代码
 "scripts": {
    "start": "electron-forge start",
    "test": "echo \"Error: no test specified\" && exit 1",
    "package": "electron-forge package",
    "make": "electron-forge make"
  },
  "keywords": [
    "layatomacdemo"
  ],
  "author": "you",
  "license": "ISC",
  "devDependencies": {
    "@electron-forge/cli": "^7.10.2",
    "@electron-forge/maker-deb": "^7.10.2",
    "@electron-forge/maker-rpm": "^7.10.2",
    "@electron-forge/maker-squirrel": "^7.10.2",
    "@electron-forge/maker-zip": "^7.10.2",
    "@electron-forge/plugin-auto-unpack-natives": "^7.10.2",
    "@electron-forge/plugin-fuses": "^7.10.2",
    "@electron/fuses": "^1.8.0"
  },

4)测试运行

依赖安装完成之后,将打包好的web包放到mac目录下,并在mac目录下新建一个main.js脚本文件,文件内容如下:

javascript 复制代码
const { app, BrowserWindow } = require('electron/main')

const createWindow = () => {
    const win = new BrowserWindow({
        width: 1920,
        height: 1080
    })

    win.loadFile('./web/index.html')
}

app.whenReady().then(() => {
    createWindow()

    app.on('activate', () => {
        if (BrowserWindow.getAllWindows().length === 0) {
           createWindow()
        }
    })
})

app.on('window-all-closed', () => {
    if (process.platform !== 'darwin') {
        app.quit()
    }
})

脚本中,可以设置窗口大小(1920,1080)和游戏包入口文件路径(./web/index.html)。

这时在终端中输入npm run start文件即可成功运行游戏。

5)打包

测试没问题可以关闭游戏,然后我们接着在终端中执行打包命令:

bash 复制代码
npm run make

打包完成后,可以在out目录下看到打包好的包,正常使用即可。

相关推荐
一个人旅程~1 天前
关于imac27inch因改短用户名导致混合硬盘和系统崩溃的问题分析与故障解决
经验分享·笔记·macos·新浪微博
volunteer10241 天前
从仅剩 6 GB 到狂腾 70 GB:我的 256G Mac mini 深度清理与内存排查实战
macos
todoitbo3 天前
我在 Mac 上用 Docker 部署 Nexent:从拉取镜像到接入模型
macos·docker·大模型·ai智能体·nexent·快速入门与环境准备
独隅3 天前
WebStorm macOS 安装部署与高效调优实战指南
ide·macos·webstorm
fthux4 天前
Tick Rest,一个休息提醒工具的自我修养
macos·开源·swift
FPGA小迷弟5 天前
FPGA 与千兆以太网:各类物理接口的形式、区别、使用方法与应用场景详解
tcp/ip·macos·fpga开发·udp·fpga
周小董7 天前
[1379]mac安装nvm
macos
bossjuemfc7 天前
不记得文件名时,Mac 上的搜索还能怎么做?
macos
2501_915909067 天前
Windows 打开 Xcode 工程,编译调试 Xcode 项目并和 Mac 同事协作
ide·windows·vscode·macos·ios·个人开发·xcode
请为小H留灯7 天前
Mac 常用操作与维护技巧
macos·电脑·清理电脑·常用技巧