适用于SAPUI5的grunt

Question

我正在为SAPUI5项目配置grunt。我可以为minify，test等配置grunt taks。我看到有grunt-ui5 grunt插件但我无法理解这个插件究竟对SAPUI5项目做了什么或有用。

由于

Answer 1

SAP的grunt-openui5插件记录在github。

它可用于构建UI5主题，并将组件和库打包到preload-files中。

UI5尝试使用component-preload.json / library-preload.json文件中的单个请求加载组件或库的大多数模块。如果找不到预加载文件，则必须单独请求所有模块，导致许多请求，从而导致性能不佳。

grunt-openui5用于创建这些预加载文件。它还会在执行此操作时缩小代码。

grunt-ui5插件是非官方的，似乎做类似的事情。您必须直接询问作者以获取更多信息。我建议使用官方的grunt-openui5插件。

Answer 2

对于ui5应用程序，使用grunt任务进行缩小并不常见，而是使用grunt-openui5任务。它将创建预加载文件，它是一个包含整个应用程序的json对象。

{
"version":"0.0",
"name":"app name",
"modules":[ 
    "control1": "code for control1",
    "control2": "code for control1",
    ]}

当需要control1时，ui5只使用preload来获取control1的代码。通过这种方式，ui5可以避免触发新请求。无论如何，如果预载文件不存在，则必须请求control1.js。 如果要查看真实的预加载文件，请打开任何ui5应用程序并转到浏览器的网络选项卡。

使用grunt的grunt-openui5插件，它将为你完成工作，并将为你提供一个library.css，rtl，library-parameters.json（同样的东西，但是对于主题）和preload .json（用于js文件）。

我建议您使用官方插件grunt-openui5而不是使用grunt-ui5！

Answer 3

只是一个小小的评论：将来，考虑从grunt切换到gulp，因为gulp更新更快。对于SAPUI5，gulp中存在具有相同功能的包，如ingrunt。