Webpack: Extrahiere gängige Module aus Eingangs- und untergeordneten Chunks, um Commons Chunks zu trennen

8

Ich habe eine Anwendung mit Webpack erstellt, die Code-Aufteilung verwendet. Ich möchte nun alle gängigen Module, die bestimmten Kriterien (in diesem Fall node_modules ) entsprechen, über alle Eintragsblöcke und alle unter Verwendung der Codeaufteilung erzeugten untergeordneten Blöcke zu einem einzelnen separaten Commons-Chunk zusammenfassen.

Wenn ich das tue:

%Vor%

Webpack fasst alle Module, die der minChunks -Funktion entsprechen, in einem separaten Commons-Chunk zusammen, jedoch nur für Module aus untergeordneten Chunks - es wird keine Module aus dem Eintragsblock in den Commons-Chunk aggregieren. Als Ergebnis habe ich Module dupliziert, die sowohl in meinem Eingangs-Chunk als auch in meinem Commons-Chunk erscheinen.

Wie ist das möglich?

Beispiel: Ссылка

    
Oliver Joseph Ash 07.12.2017, 13:15
quelle

1 Antwort

5

Sie müssen eine Webpack-DLL erstellen, die alle häufig verwendeten Bibliotheken enthält.

Ссылка

Ein Beispiel, wie man das einrichten kann, finden Sie in React-Boilerplate.

Ссылка

Und hier ist die Konfiguration für das Beispiel.

Ссылка

    
David Bradshaw 13.12.2017 23:35
quelle