Syncfusion ：如何仅从 Syncfusion 安装 Grid 组件 Angular

Question

我正在开发一个使用 Syncfusion 网格显示表格数据的 Web 应用程序。我的应用程序是基于 Webpack 的（不是 CLI）。我遵循了 Syncfusion 网站的 Getting Started with Webpack 指南并集成到我的应用程序中。

网格按预期显示。问题是，当我编译代码时，包大小约为 19MB，Syncfusion 占用了近 13MB。

我想要的帮助是任何人都可以告诉我如何只安装 syncfusion 库中的网格组件吗？我没有找到任何可以帮助我这样做的解决方案。

包 json : { ........... "reflect-metadata": "0.1.10", "syncfusion-javascript": "~15.4.21", "toastr": "2.1.2", "underscore": "1.8.3", "zone.js": "0.8.18", "rxjs": "6.2.2", "rxjs-compat": "6.2.2" ......., }

包含在Vendor.ts中：

import '../../node_modules/syncfusion-javascript/Content/ej/web/material/ej.web.all.min.css';
import '../../node_modules/syncfusion-javascript/Content/ej/web/responsive-css/ej.responsive.css';

在 Module.ts 文件中导入：

import { EJAngular2Module } from 'ej-angular2'; 
imports: [
    ......
    EJAngular2Module.forRoot(),
   ........
],

Answer 1

您可以使用以下代码片段在 Angular 应用程序中单独导入所需的组件，而不是 EJAngular2Module 导入，这包括将所需的模块及其相应的源单独导入 Angular 应用程序构建。

import { EJ_GRID_COMPONENTS } from 'ej-angular2/src/ej/grid.component';

我们在以下文章中讨论了此信息：https://www.syncfusion.com/kb/7861/importing-required-syncfusion-angular-components-to-reduce-bundle-size

Syncfusion ：如何仅从 Syncfusion 安装 Grid 组件 Angular

Syncfusion : How to install only Grid component from Syncfusion for Angular

datagrid

syncfusion

webpack

angular