SAP OpenUI5 项目中如何构建仅包含 component-preload.js 的应用程序

在 SAP OpenUI5 开发过程中，开发者有时需要构建一个仅包含 component-preload.js 文件的应用程序包。这种需求通常出现在生产环境部署场景中，目的是减少不必要的文件数量，优化应用性能并保护源代码。

标准构建流程的局限性

使用标准的 UI5 Tooling 构建工具时，默认会生成多种类型的文件，包括：

• TypeScript 源文件(.ts)
• JavaScript 文件(.js)
• 调试文件(.dbg)

虽然可以通过配置排除调试文件，但标准工具链目前不支持完全排除源代码文件，仅保留 component-preload.js 这一种文件。

社区解决方案

针对这一需求，社区开发者提供了一个自定义构建任务模块。这个模块专门用于清理构建目录中除 component-preload.js 之外的所有其他文件。

实现原理

该自定义任务的工作原理是：

1. 在标准构建流程完成后执行
2. 扫描构建输出目录
3. 识别并保留 component-preload.js 文件
4. 删除所有其他类型的文件

使用建议

在生产环境部署时，推荐采用这种精简构建方式，因为它可以：

• 减少部署包体积
• 提高应用加载速度
• 增强代码安全性
• 简化部署目录结构

开发者应当注意，这种构建方式仅适用于生产环境，在开发阶段仍应保留完整文件以便调试。