首页 文章

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

提问于
浏览
0

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

网格正如它应该出现的那样出现 . 问题是,当我编译代码时,bundle大小约为19MB,Syncfusion占用了大约13MB .

我想要的帮助是否有人可以告诉我如何只从syncfusion库安装网格组件?我没有找到任何帮助我这样做的解决方案 .

Package 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" ......., }

Included in 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 回答

  • 2

    阿拉姆

    感谢您对Syncfusion的兴趣Products

    您可以使用下面的代码片段而不是 EJAngular2Module imports在 Angular 应用程序中单独导入所需的组件,其中包括所需的模块及其相应的源单独进入 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.

相关问题