优化组件（缩小）以提高性能

通过开发人员云服务缩小 JavaScript 代码，可提高组件性能并减小下载大小。

优化组件

针对 Sample-Text-With-Image 组件提供了一个优化组件源代码示例（可选）。可以使用 RequireJS 优化程序缩小和组合源代码。缩小组件会删除 JavaScript 代码中不需要的空格，从而提高性能并减小下载大小。优化涉及以下操作：

  • 缩小 JavaScript。

  • 压缩 CSS。

  • 将 JavaScript、HTML 和 CSS 组合到单个文件 render.js 中。

此优化可减小下载大小并提高性能。

为组件启用优化

在 Sample-Text-With-Image 组件中，优化会缩小 render.js 中标记为相关项的所有文件（template.html、data-defaults.js 和 design.css）并将其组合到 render.js 中以作为单个文件。已支持优化的其他组件如下：

  • Sample-Folder-List

  • Sample-File-List

  • Sample-Documents-Manager

  • Sample-Process-Start-Form

  • Sample-Process-Task-List

  • Sample-Process-Task-Details

要为本地组件启用优化，请执行以下步骤（必需）：

  1. 将 gulpfile.js 从 Sample-Text-With-Image 组件复制到您的组件。

  2. 在 gulpfile.js 中修复您的 render.js 相关项对应的模块名称。请参阅 gulpfile.js 中的注释。

注：

如果您有现有组件，且 assets 下有 css 文件夹，请将该 css 文件夹重命名为 styles 以避免在优化期间出错。