通过 application reload middleware 的帮助, 开发者可以在进行 Fiori Elements 开发的过程中,即时预览这些尚未完全完成开发的应用。
即时的意思是,一旦有 Fiori Elements 项目相关的文件发生变化,Application Reload middleware 会自动刷新应用。
npx 是一个 Node.js 工具,它可以让你在不安装全局包的情况下运行 npm 包中的命令。
通过 npx,你可以在本地临时安装并运行一个 npm 包的命令,而不需要将这个包安装到全局环境或者本地项目中。例如,你可以使用 npx 运行一个在 npm 上发布的命令行工具,而不必先全局安装它。
npx 会自动帮你下载需要的包,并执行它们提供的命令。这个功能在需要临时尝试一个新的命令行工具或者运行不常用的命令时非常方便。
除了运行命令行工具,npx 还可以执行 JavaScript 文件和模块。例如,你可以使用 npx 运行一个包含 ES6 模块的 JavaScript 文件。
假设你想要创建一个新的 React 应用程序。通常,你需要先全局安装 create-react-app
,然后再使用它创建新的项目:
npm install -g create-react-app
create-react-app my-app
但是,如果你只是想快速创建一个新的 React 应用程序而不想在你的计算机上安装 create-react-app
,那么你可以使用 npx 来执行它:
npx create-react-app my-app
这个命令会在本地临时安装 create-react-app
,然后使用它来创建一个新的 React 应用程序,而不必全局安装这个包。
另一个例子是使用 npx http-server
来启动一个本地服务器,这个服务器可以用来在本地浏览器中测试静态网页。在这个例子中,http-server
是一个命令行工具,用于在本地启动一个 HTTP 服务器。
npx http-server
这个命令会在当前目录下启动一个本地服务器,然后在命令行中输出该服务器的 URL 地址。你可以在浏览器中打开这个 URL,来查看你的静态网页。
要使用默认设置启动应用程序重载中间件,请在 ui5.yaml 文件中使用以下配置,然后在项目中执行 npx fiori run。
server:
customMiddleware:
- name: fiori-tools-appreload
afterMiddleware: compression
上面这个 YAML 文件的语义是在 UI5 应用程序中添加一个名为 fiori-tools-appreload
的自定义中间件,并将其放在 compression
中间件后面。这个自定义中间件可以用来在应用程序开发期间自动重载浏览器,从而更快地查看代码更改的结果。