Szenario

Ich versuche, mit webpack meine Lieferantenskripte getrennt von meinen Anwendungsskripten zu bündeln.

Versuch 1

index.js

webpack.config.js

Ergebnisse

%Vor%

Wenn ich jetzt index.js

index.js

Ergebnisse

%Vor%

Beide Hashes ändern sich, obwohl ich nur die Indexdatei aktualisiert habe.

Der Unterschied zwischen den beiden Herstellerdateien ist

vendor.72c95e21a8d7096d53bc.js

script.src = __webpack_require__.p + "" + chunkId + "." + ({"0":"app"}[chunkId]||chunkId) + "." + {"0":"3437c5da57e0c6671675"}[chunkId] + ".js";

vendor.0e76f9c86cbe02606265.js

script.src = __webpack_require__.p + "" + chunkId + "." + ({"0":"app"}[chunkId]||chunkId) + "." + {"0":"c724350371b50a9afeb2"}[chunkId] + ".js";

Versuch 2

Nach einigen Nachforschungen fand ich den folgenden Artikel, der erklärt, dass Webpack ein Chuck-Manifest erzeugt, das die Chunk-Identifikatoren enthält, die im Eintragsblock platziert sind. Dies erklärt das obige Diff. Die Lösung besteht darin, das Chuck Manifest in eine separate Datei zu extrahieren.

Ссылка

index.js

webpack.config.js

Ergebnisse

%Vor%

Wenn ich jetzt index.js

index.js

Ergebnisse

%Vor%

Noch einmal ändern sich beide Hashes, obwohl ich nur die Indexdatei aktualisiert habe.

Diesmal gibt es jedoch keine Unterschiede zwischen den beiden Herstellerdateien

Fragen

Gibt es einen Grund, warum das obige Szenario nicht funktioniert, oder gehe ich dieses Problem grundsätzlich falsch an?

Gibt es einen einfacheren Weg mit Webpack, um das zu erreichen, was ich versuche zu tun, denn selbst wenn ich den obigen Schritt zum Laufen bringe, muss ich das Manifest lesen und es dann in meine index.html-Seite einfügen?