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

时间:2018-09-04 10:53:40

标签: angular webpack datagrid syncfusion

我正在使用Syncfusion网格显示表格数据的Web应用程序上工作。 我的应用程序基于Webpack(不是CLI)。我已遵循Syncfusion网站上的Getting Started with Webpack指南并将其集成到我的APP中。

网格按预期显示。 问题是,当我编译代码时,捆绑包大小约为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(),
   ........
],

1 个答案:

答案 0 :(得分:2)

阿拉姆

感谢您对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