Syncfusionグリッドを使用して表形式のデータを表示するWebアプリに取り組んでいます。私のアプリはWebpackベースです(CLIではありません)。私は続いているのWebPACKの入門SyncfusionのWebサイトからガイドと私のアプリに統合します。
グリッドが想定どおりに表示されています。問題は、コードをコンパイルすると、バンドルサイズが約19MBで、約13MBが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(),
........
],
インポートする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
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加