Größe der PrimeNg Library mit Angular Cli reduzieren

Question

PrimeNg ist eine große Bibliothek mit vielen Komponenten. Meine eckige Anwendung verwendet nur wenige Komponenten daraus. Und ich benutze AngularCLI, um diese Anwendung zu erstellen. Wenn ich es erstelle, hat vendor.bundle den gesamten Inhalt der primeng-Bibliothek. Dies macht eine riesige Größe der Bündelgröße (~ 4 MB).

Wie kann ich nur die benötigten Komponenten anstelle der vollständigen Bibliothek hinzufügen?

Answer 1

Allgemeines importieren wir PrimeNg Komponente mit folgenden Syntax

import {DataTableModule,SharedModule} from 'primeng/primeng';

Wenn wir auf diesen gemeinsamen Namespace verweisen, zieht es die gesamte Bibliothek in vendor.bundle.js

Statt dem, ziehen Sie es aus spezifisches Modul, import { DataTableModule, } from 'primeng/components/datatable/datatable'; import { SharedModule } from 'primeng/components/common/shared';

Dies wird gerade genannten Punkte Komponente (+ ihre Abhängigkeiten) in vendor.bundle.js

Um Ihren relevanten Pfad zu finden, laden Sie PrimeNg Code (https://github.com/primefaces/primeng) herunter und überprüfen Sie die Liste der Komponenten, die in der Datei "primeng.d.ts" aufgeführt sind.