如果应用UI5的最佳实践，比如扩展基本控制器和使用片段，那么文件量可能会非常大。通常，您会使用camelCase这样的变量和函数，并在代码中添加JSDoc和其他注释。因此，用户必须下载许多文件，这些文件比他们需要的要大。这种下载会导致很长的等待时间和糟糕的用户体验。

这个挑战的答案是压缩和缩小。在非UI5项目中，通常会将JavaScript和CSS等静态文件压缩并合并到一个文件中，然后通过删除注释来压缩代码。在压缩之前，JavaScript通常被丑化了。这意味着变量被改为a，a等等。这种技术也可以用于UI5应用程序，并且在UI5应用程序之上还有一个组件-预加载.js可以创建。经过这样的压缩后，免费云服务器，公众号返利系统，项目可能只包含一个HTML、一个JavaScript、一个CSS、一个i18n和压缩的JSON文件。总体加载时间将显著减少。

在下面的JavaScript任务运行程序Gulp将用于实现这一目标。作为旁注，值得一提的是，一个好的替代方案是任务运行程序GruntJS或完全没有，如果您愿意围绕使用的NodeJS工具编写自己的JavaScript、Bash或批处理脚本的话。

Gulp任务的结果将是一个包含压缩文件的dist文件夹。此文件夹的内容应该是部署到生产系统的唯一文件。应省略所有测试和源文件。也可以选择有一个包含代码筛选结果的reports文件夹。

所有工具都是基于NodeJS的JavaScript工具。因此，一个先决条件是LTS或最新的NodeJS安装及其包管理器npm。此外，企业应用中心，需要一个具有推荐文件夹结构的UI5项目：

快速入门Gulp UI5预载UI5文件夹结构埃斯林特Stylelint

dev依赖项将通过包.json. 它将允许有一个专用的节点模块文件夹，每个项目可能有固定的版本。

初始化NPM

如果没有包.json但是可以通过导航到项目的根文件夹并执行init命令来启动项目。init命令将提示输入项目细节并创建包.json因此，

吞咽和插件

大多数插件将只在项目中使用。如果需要全局安装工具，云端云服务器，则不使用"-save dev"参数。例如gulp cli.

清理、压缩和缩小将使用以下插件完成。如果没有CSS或JSON文件可压缩，则不需要插件。

如果JavaScript应与ESLint一起检查，则需要插件，该插件也将安装ESLint。

如果CSS应lint，则安装stylelint支持。

每个默认Gulp将期望gulpfile.js文件包含单个任务。如果没有另外指定，任务将并行运行。

加载插件

作为第一步加载插件，将在文件顶部使用。根据你将要使用的插件，你的任务包括更多。

基本任务

加载插件后，可以创建一个任务。清理以前的lint报告时可能会看到：

正在运行的任务

如果未指定任何任务，则将执行名为default的任务。如果指定只执行给定任务：

等待任务

如果一个任务应该在另一个任务完成后才开始，企业应用开发，则使用任务定义的第二个参数。这里您可以指定任务应该等待的任务列表。

相同的参数可以用于将N个任务分组为一个。它将赋予将单个任务组织成步骤的能力。分组任务将并行运行。

索引.html

公司索引.html可能包含属性或配置，包括webapp文件夹的路径。这个字符串需要替换。之后，输出将通过一个小型管道。

组件-预加载.js

特定于UI5的是组件的创建-预加载.js. 这个文件是concat_所有.min.js您可能从非ui5web项目中了解到的等效项。确保插件已加载并定义如下任务：

neo-应用程序.json

UI5应用可能部署为HCP HTML5应用。在这种情况下是近地天体-应用程序.json将使用，其中的文件夹和索引.html已指定。虽然此配置将在您的开发系统上工作，但在部署dist folders内容时，路径将不再有效。作为一个解决方案，创建一个任务来复制一个修改过的neo-应用程序.json进入dist文件夹。