Syncfusion: как установить только компонент Grid из Syncfusion for Angular - PullRequest
Новая
       34

Syncfusion: как установить только компонент Grid из Syncfusion for Angular

0 голосов
/ 04 сентября 2018

Я работаю над веб-приложением, которое использует сетку Syncfusion для отображения табличных данных. Мое приложение основано на Webpack (не CLI). Я следовал руководству Getting Started with Webpack с веб-сайта Syncfusion и интегрировал его в мое приложение.

Сетка отображается так, как она должна быть. Проблема в том, что когда я компилирую код, размер пакета составляет около 19 МБ, и почти 13 МБ занято Syncfusion.

Помощь, которую я хотел, может кто-нибудь сказать, пожалуйста, как установить только компонент сетки из библиотеки 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 голосов
/ 05 сентября 2018

Вы можете импортировать только необходимые компоненты в приложении 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

...