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

Question

我正在使用一个Web应用程序，它使用Syncfusion网格来显示表格数据。我的应用程序是基于Webpack（而不是CLI）。我已经关注了Syncfusion网站上的Getting Started with Webpack指南，并将其整合到我的APP中。

网格正如它应该出现的那样出现。问题是，当我编译代码时，bundle大小约为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

知道，

感谢您对Syncfusion Products的兴趣

您可以使用下面的代码片段而不是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

如果您遇到任何问题，请浏览上述链接并将其还原，我们随时乐意为您提供帮助。

谢谢，

Karthick T.