Wie konfiguriert man Webpack 4, um Brocken aus der Liste der Einstiegspunkte zu verhindern, die in einem anderen Paket erscheinen?

Ich arbeite an einem großen Projekt und versuche, Webpack 3 zu landen - & gt; 4 Aktualisierung. Diese App hat ungefähr 1.000 Einstiegspunkte, von denen etwa 10 als "global" oder "core" gelten und auf jeder Seite garantiert sind. Diese Core-Pakete enthalten eine Mischung aus hersteller- und herstellerunabhängigem Code. Ich muss Webpack so konfigurieren, dass alle diese Assets erstellt werden, sodass alle in einem dieser Bundles enthaltenen Chunks unabhängig von der Größe des Chunks nicht in einem anderen Bundle angezeigt werden, ohne neue Assets zu erstellen, die zur Seite hinzugefügt werden müssen / p>

Mit webpack 3 verwenden wir CommonsChunkPlugin, um dies zu erreichen. Hier ist ein einfaches Beispiel:

Nun, mit webpack 4 und dem Entfernen von CommonsChunkPlugin, ist mir nicht klar, wie ich diese Art von Optimierung erreichen soll.

Ich würde gerne in der Lage sein, webpack eine Liste von Einstiegspunkten zu geben, und alle Teile, die in diesen erscheinen, erscheinen in keinem anderen Paket, aber ich bin mir nicht sicher, wie ich das machen soll. Ich habe einige anstehende Dokumentation zu splitChunks durchgelesen, aber das war ich nicht in der Lage, eine Lösung zusammenzusetzen.

Ich habe ein kleines Repo als Ausgangspunkt zum Basteln eingerichtet: ​​Ссылка

Eine interessante Richtung, die ich ausprobiere, ist die Konfiguration von cacheGroups mit einer Gruppe für jeden dieser Einstiegspunkte und die Implementierung der Option test mit einer Funktion, die diese Prüfung durchführt. Die Dokumentation ist jedoch ziemlich spärlich, daher bin ich mir nicht sicher, was der richtige Weg wäre, um diese Testfunktion zu schreiben, oder ob das überhaupt funktionieren wird.