写在前面

参考：
bilibili 【UE4.27可以打包HTML5啦】
GitHub 视频配套文档

前提 - 环境

1. 安装 Git （跳转）
2. 安装 CMake （跳转） , 安装时必须勾选 “Add CMake to the system PATH for all users” 自动配置环境变量
3. 安装 Python3.* （跳转）
4. 科学上网工具（下载HTML5是需要使用）
5. VS ( Visual Studio ) 2019 (VS 2022已可以)
6. 磁盘空间准备150G+

环境验证

Windows -> “开始” -> 输入"cmd" 打开 （或者快捷键 windows+ R ，输入 “cmd” 回车）

或者

输入指令查看对应版本

开始

加入 Epic Games GitHub

参考 UE4.23.1 源码版 安装 （Windows） 前面“加入 Epic Games GitHub”步骤

下载引擎源码（和4.23源码操作差异，不是下载官方GitHub的地址）

创建一个放引擎版本的文件夹（整体目录地址最好不要有中文、空格），我的目录F:\UEVersion\UE4_Source\4.27_h5 到目录下。右键，“在终端打开”

输入

git clone --depth 1 https://github.com/SpeculativeCoder/UnrealEngine.git ue-4.27-html5-es3 

文档地址 git clone -b 4.27-html5-es3 --single-branch https://github.com/SpeculativeCoder/UnrealEngine.git ue-4.27-html5-es3 没下载成功，根据博主推荐使用上方地址。首次执行指令时会跳转到浏览器打开 GitHub 同意关联。

等待源码下载完成

下载完后目录下就有文件了

运行

替换Commit.gitdeps.xml 文件，
打开 https://github.com/EpicGames/UnrealEngine/releases 找到对应的引擎版本

替换

返回根目录，“Setup.bat” 运行。右键 -> “在终端中运行”

输入指令 (根据自己电脑配置和网速调整线程数量)

Setup.bat  -threads=20 

下载HTML5

在目录Engine\Platforms\HTML5

空白处右键-> “Git Base Here”,运行 “HTML5Setup.sh” （这边需要科学上网，且下载时间很长）

如果有问题，则删除Engine\Platforms\HTML5\Build 下 emsdk 文件夹

等待下载完成

执行 “GenerateProjectFiles.bat”

生成

用VS 2019(或2022)打开UE4.sln

添加“HTML5LauncherHelper”

VS 右侧目录，选择“Programs” -> 右键 ->添加 -> “现有项目” ->选择HTML5LauncherHelper.csproj

批量选择项目，开始生成

按住 Ctrl 键后以此点击以下目录

• UE4
• AutomationTool
• AutomationToolLauncher
• HTML5LaunchHelper
• ShaderCompileWorker
• UnrealBuildTool
• UnrealFrontend
• UnrealHeaderTool
• UnrealLightmass
• UnrealPak

选择完毕后，右键 “重新生成选定内容” 等待编译完成

出现问题“错误 C4668 没有将“_NOEXCEPT_TYPES_SUPPORTED”定义为预处理器宏，用“0”替换“#if/#elif””

打开Engine\Plugins\Runtime\AR\Microsoft\HoloLensAR\Source\HoloLensTargetPlatform,编辑HoloLensTargetPlatform.Build.cs 最后加上 bEnableUndefinedIdentifierWarnings=false; 保存后重新生成

运行引擎4.27

在目录Engine\Binaries\Win64 下运行 “UE4Editor.exe”

其他问题可参考

bilibili 【UE4.27可以打包HTML5啦】
GitHub 【UE4.27可以打包HTML5啦】视频文档
UE4.23.1 源码版 安装 （Windows）