Ag-grid 束大小太大答案

【问题标题】：Ag-grid bundle size is too bigAg-grid 束大小太大
【发布时间】：2019-03-20 13:01:52
【问题描述】：

我正在使用 Angular 6 开发一个 Web 应用程序。我有一个 Ag-grid 企业版。 Ag-grid 文档说，我们必须导入所有 ag-grid-angular、ag-grid-community 和 ag-grid-enterprise 与 Ag-grid 企业合作。

编译后，主包的总大小超过 1.5 MB。其中 ag-grid-community 为 694KB，ag-grid-enterprise 为 230 KB：

这是 Ag-grid 的正常行为吗？

我正在使用 Ag-grid 版本 19.0.0 和以下命令进行构建：

ng build --prod --aot --build-optimizer --vendor-chunk=true

【问题讨论】：

您找到任何解决方法/解决方案了吗？

标签： angular bundle ag-grid enterprise

【解决方案1】：

这是我们所知道的，我们已经在我们的待办事项中

项目结构改进 AG-1329 减小网格包大小（通过摇树）

您可以在此处查看我们的管道：

https://www.ag-grid.com/ag-grid-pipeline/

请注意，鉴于其复杂性，我们短期内没有任何改进计划，但我们希望最终能够提供一个小捆绑包

如果您是客户，我建议您直接联系 ag-grid 支持以获取更多信息

希望对你有帮助

【讨论】：

嗨。我找不到您在链接中指定的票，所以我猜它已添加？如果是这样，哪个版本包含减小的捆绑包大小？我用的是企业版。

【解决方案2】：

AG-1329 减少网格包大小 Alberto 上面引用的项目已作为 2019 年 11 月发布的 ag-Grid v22 的一部分实施。这增加了通过模块导入 ag-Grid 的选项包含 ag-Grid 功能的不同方面。这允许您只为您实际使用的功能导入模块，从而减小 ag-Grid 包的大小。

详细介绍了此方法，您可以导入的模块列表如下所示： https://www.ag-grid.com/documentation/javascript/modules/

我们使用 ag-Grid 构建了一个 Vue 项目，仅使用以下模块来说明这种方法： @ag-grid-community/core 和 @ag-grid-community/infinite-row-model 请在此处下载此示例 Vue 项目： https://1drv.ms/u/s!AljcY8dewwaBnFPXn7V9eNjNM-wX?e=h8TnD0

与使用所有 ag-Grid 企业功能的完整 ag-Grid 包的 1.8MB 相比，上述示例项目的包大小仅为 1.0MB。

您可以通过对附加的 Vue 项目运行以下命令来验证生成的包大小： npm i && npm run build && npm run build:report

请按照此方法仅加载您用于减小包大小的 ag-Grid 模块。您可以在此处查看完整的模块列表： https://www.ag-grid.com/documentation/javascript/modules/

【讨论】：