我正在使用一个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 回答
阿拉姆
感谢您对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.