前言
@cocos/build-engine 是一个 npm 包，它是 Cocos Creator 所使用的构建引擎。它能够帮助您构建便携式游戏或 Web 应用。本文将详细介绍如何使用 @cocos/build-engine。
安装
要使用 @cocos/build-engine，您首先需要安装它。您可以使用 npm 安装：
npm install @cocos/build-engine --save-dev
配置
在您的项目中，您需要创建一个配置文件 build.json，其中包含有关构建的所有选项。以下是 build.json 的示例：
{
"project": "/path/to/project",
"output": "/path/to/output",
"platform": "web-mobile",
"scenes": ["assets/scenes/Game.fire"],
"debug": true
}这里的一些选项说明：
project：项目所在的目录路径。output：构建出的项目路径。platform：要构建的平台。可选的有：web-desktop、web-mobile、wechatgame、qqplay、oppo-mini-game等。scenes：要构建的场景路径列表。debug：是否构建调试版本。
在使用 @cocos/build-engine 之前，您需要在您的项目中创建一个 build.js 文件，该文件包含以下代码：
const builder = require('@cocos/build-engine');
const config = require('./build.json');
builder.build(config);现在，您可以使用 node 命令运行 build.js 文件，从而构建您的项目：
node build.js
构建成功后，您将在指定的输出目录下看到已构建的项目。
实例
下面是一个使用 @cocos/build-engine 构建 Web 应用的例子。假设我们有一个包含三个场景的游戏项目，我们要将其构建为 Web 应用。
配置
我们在项目根目录下创建一个 build.json 文件，内容如下：
-- -------------------- ---- -------
-
---------- ----
--------- --------------
----------- -------------
--------- -
--------------------------
--------------------------
-----------------------------
--
-------- -----
-此配置文件将游戏项目构建为 Web 应用，并将其输出到 ./build/web 目录下。由于我们不需要调试版本，因此 debug 属性设置为 false。
构建
接下来，我们在项目根目录下创建一个 build.js 文件，并将以下代码添加到该文件中：
const builder = require('@cocos/build-engine');
const config = require('./build.json');
builder.build(config);然后，我们可以使用以下命令构建 Web 应用：
node build.js
结果
构建完成后，我们可以在输出目录 ./build/web 中找到构建后的 Web 应用。其中，index.html 是应用的入口。我们可以将 index.html 文件上传到 Web 服务器并进行访问。
总结
本文介绍了如何使用 @cocos/build-engine 构建便携式游戏或 Web 应用。在这个过程中，我们学习了如何配置和运行构建引擎，并给出了一个示例。祝您好运！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/127591