我正在使用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(),
........
],
答案 0 :(得分:2)
阿拉姆
感谢您对Syncfusion Products
的关注您可以使用下面的代码片段在Angular
应用程序中单独导入所需的组件,而不是EJAngular2Module
导入,后者仅将所需的模块及其相应的源包括到Angular
应用程序构建中。
import { EJ_GRID_COMPONENTS } from 'ej-angular2/src/ej/grid.component';
我们在下面的知识库文章中讨论了这些信息。
如果您遇到任何问题,请通过上面的链接返回我们,我们很乐意为您提供帮助。
谢谢
Karthick T