这篇博文将让您对UI5演进项目的另一个关键支柱：UI5构建和开发工具有更多的了解。

早在2009年，一个基于Maven的工具就被创建出来，用于支持和扩展UI5库和应用程序的开发。该工具侧重于eclipseweb工具平台和Maven集成作为开发环境。这使我们能够轻松地将构建生命周期集成到开发人员的环境中。在这个时间点上的关键是创建一个具有快速周转周期的最佳开发体验。虽然这在UI5开发之初是非常好的，但随着新兴市场的兴起，它变得越来越老派节点.js环境和即将到来的任务跑者咕哝和吞咽。在新的世界里，开发人员可以留在JavaScript域中创建构建任务。这创造了更高的接受率，什么叫大数据云计算，因为它带来了IDE的自由选择，无论是Web Storm、Atom还是Visual Studio代码。

2014年，我们开始为OpenUI5构建基于Grunt的构建和开发工具。现在我们必须维护两个工具：一个用于Maven，一个用于Grunt。为了避免为每个环境重写工具，我们决定为现有工具创建一个后续工具：UI5构建和开发工具——一个开源工具节点.js基于构建和开发环境，支持SAP内外的应用程序和框架开发人员。

自2018年3月起，新工具是开源的，每个人都可以在alpha版本中使用。通过该工具，我们基本上解决了以下主题：不可知构建模块、命令行界面、自包含的打包和迁移工具。

不可知构建模块

该主题是关于构建模块与专用任务运行程序的独立性。因此，我们同意利用CommonJS模块，它有一个简单的API，抽象了对项目资源及其依赖项的访问。每个环境实现一个适配器，该适配器通过简单的API向构建模块提供资源。默认情况下，我们为plain节点.js没有呼噜声或吞咽声。主要的好处是，我们不再将工具耦合到专用的任务运行程序，我们可以通过实现一个适配器来运行构建模块，从而为任意基于JavaScript的工具回收构建模块。

从技术上讲，构建模块由一个任务和一个处理器组成。任务正在从项目及其依赖项收集资源和配置。有了这组资源，任务就调用处理器，让他完成自己的工作。处理器正在进行真正的构建工作，以创建或修改资源，淘客插件，例如对资源进行丑化。之后，任务将资源写回工作区。

文档中提供了一个用于丑化的任务和处理器的示例：https://github.com/SAP/ui5-tooling/blob/master/docs/TasksAndProcessors.md

**请记住，构建模块仍在进行中，API可能会更改！

命令行界面

今天的前端开发者都很熟悉节点.js. 由于节点包管理器（Node package manager，NPM）已经发展成为前端包的依赖关系管理器，因此它已经成为构建前端应用程序时管理依赖关系的事实标准。没有必要再使用其他工具，如鲍尔了。所有东西都可以作为NPM包来使用。

此外，现在大多数JavaScript框架都提供了命令行界面（CLI）。CLI通过提供一组标准构建模块来帮助开发人员进行开发和构建生命周期。CLI的优点是它可以很容易地集成到不同的环境中，例如shell中的开发人员工作区或编辑器，甚至像Jenkins或Travis这样的构建系统。

UI5 CLI由开发服务器和构建工具组成，使UI5应用程序为部署做好准备。开发服务器为项目资源及其依赖项的资源提供运行时透视图。UI5应用程序的项目资源可以直接从开发服务器的根目录中获得。项目依赖关系位于开发服务器的资源或测试资源路径中，而资源来自dependencies src文件夹，测试资源来自test文件夹。此外，开发服务器还提供了一些其他功能，如版本替换。此外，在请求UI5库的CSS文件时，对CSS的编译很少，而开发时文件系统中没有这些文件。下图说明了这个概念是如何工作的：

除了开发服务器之外，UI5构建和开发工具的主要工作是使UI5应用程序产品准备就绪或构建UI5库以在NPM上共享它。对于UI5应用程序，新工具提供了运行预加载构建的选项。预加载生成通常运行以下生成模块：版权和版本替换、生成0级更改捆绑包（将使用SAP Web IDE创建的更改文件合并到更改捆绑包中）、预加载生成、调试文件创建、非调试文件的缩小以及版本信息文件的创建。在下面您可以看到ui5 build命令的执行：

ui5应用程序现在已经准备好生产，可以部署在您的web服务器上单独执行，也可以部署到Fiori启动板中（当清单.json正确维护）。

NPM的OpenUI5前端包：https://blogs.sap.com/2018/10/24/openui5-npm-release/

UI5 CLI入门：https://github.com/SAP/ui5 tooling#安装-ui5-cli

学习如何在我们的示例项目中使用ui5构建和开发工具：https://github.com/SAP/openui5示例应用程序/#openui5-示例应用程序

独立软件包