乐趣区

关于sap:SAP-Fiori-Tools-的-Application-Reload-Middleware-介绍

通过 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 中间件前面。这个自定义中间件能够用来在利用程序开发期间主动重载浏览器,从而更快地查看代码更改的后果。

退出移动版