从 ng serve 到 ui5 serve，SAP UI5 本地开发服务器与 Fiori 预览机制全解

在当前这个对照里，最容易出现的画面很具体。一个 Angular 项目放在 Visual Studio Code 里，终端输入ng serve，开发服务器启动，浏览器访问本地端口，修改组件、模板或者样式后，页面随之刷新。把同样的开发节奏搬到 SAP UI5，答案是肯定的，SAP UI5 确实有非常接近的操作，最直接的命令就是ui5 serve。在采用 SAP Fiori tools 生成的工程里，日常更常见的入口则是npm start或npx fiori run。它们并不是三套互不相干的服务器，而是位于不同抽象层的入口，底层通常仍然围绕 UI5 Server 运行，再叠加 SAP Fiori tools 提供的代理、自动重载、Mock Server 和本地 Fiori Launchpad 预览等中间件。当前官方文档已经把原来的 UI5 Tooling 名称更新为 UI5 CLI，并以 UI5 CLI V4 作为当前主线。官方给出的最小启动命令就是ui5 serve，默认地址通常是本机的8080端口。先把 Angular 这一侧的动作拆开，判断才不会停留在命令名称相似这一层。当前 Angular 官方文档对ng serve的描述包含几件事，构建应用，启动开发服务器，监听文件变化，发生变化时重新构建，并默认启用页面实时重载。当前版本还可以启用 HMR，不过官方说明当前重点支持全局样式和组件样式。Angular 项目通常还要处理 TypeScript 编译、模板编译、依赖预打包和构建目标配置，所以ng serve同时扮演开发构建编