在閱讀本文之前，推薦先閱讀 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的原創文章，盡在："汪子熙":
