共计 866 个字符，预计需要花费 3 分钟才能阅读完成。
在浏览本文之前，举荐先浏览 Jerry 这篇文章，以理解必要的前置常识：
什么是 SAP UI5 的 Component-preload.js, 什么是 Minification 和 Ugification
本文应用的出于演示目标的 SAP UI5 利用源代码，位于我的 Github 仓库里：
https://github.com/wangzixi-d…
将其克隆到本地，用 Visual Studio Code 关上。找到 webapp 文件夹下的 index.html, 右键，抉择“Open with Live Server”：
这个 Live Server，实际上是 Visual Studio Code 一个扩大，能关上一个嵌入的 web 服务器，渲染 Visual Studio Code 里正在编辑的 web 利用。有了它，咱们就毋庸在本地手动配置和启动诸如 Tomcat，Jetty 或者用代码启动 nodejs express 这种工具。
该 Visual Studio Code 扩大的装置步骤，请参考 Jerry 的文章：一个好用的 Visual Studio Code 扩大 – Live Server，实用于前端小工具开发。
抉择 Open with Live Server 后，确保看到上面的 SAP UI5 页面：
关上 Chrome 开发者工具，会看到 SAP UI5 框架试图加载一个名为 Component-preload.js 的资源文件：
咱们当初还没有生成这个文件，所以当然是遇到 404 NOT found 谬误了。
在 Visual Studio Code 里装置这个名叫 UI5 Tools 的扩大：
而后在 Visual Studio Code 的命令行面板，Command Pallete 里，抉择：UI5 Tools: Builder -> Build UI5 project：
胜利打包后，会生成一个新的 dist 文件夹，外面蕴含了咱们须要的 Component-preload.js.
选中 dist 文件夹里的 index.html, 右键菜单抉择 Open with Live Server:
这次就察看到 component-preload.js 被胜利加载了：
更多 Jerry 的原创文章，尽在：” 汪子熙 ”:
