Syncfusion：如何仅安装来自 Syncfusion for Angular 的 Grid 组件答案

【问题标题】：Syncfusion : How to install only Grid component from Syncfusion for AngularSyncfusion：如何仅安装来自 Syncfusion for Angular 的 Grid 组件
【发布时间】：2018-09-04 10:53:39
【问题描述】：

我正在开发一个使用 Syncfusion 网格来显示表格数据的 Web 应用程序。我的应用程序基于 Webpack（不是 CLI）。我遵循了来自 Syncfusion 网站的Getting Started with Webpack 指南并集成到我的应用程序中。

网格按应有的方式显示。问题是，当我编译代码时，包大小约为 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(),
   ........
],

【问题讨论】：

标签： angular webpack datagrid syncfusion

【解决方案1】：

您可以在Angular 应用程序中单独导入所需的组件，使用下面的代码 sn -p 而不是 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，我们可以为主题和 css 做同样的事情吗？我仍然可以看到 Syncfusion css 在 vendor.js 文件中占用了大约 1 MB 的空间。我们是否有一种技术，我们可以使用它只导入特定于网格的 css。谢谢
@programoholic ：您可以使用themestudio 为特定组件生成主题。 js.syncfusion.com/themestudio 。在您的应用程序中引用下载的文件。