Webpack mit CommonsChunkPlugin Ergebnisse mit falschen Bundle-Reihenfolge in HTML-Datei

Question

Ich versuche CommonChunkPlugin mit einem "extra" Chunk mit nur Webpack Runtime zu verwenden, um richtige Hashing zu erhalten (dies ändert Hersteller Hash nicht, wenn nur App-Dateien geändert haben) . Der Trick ist im offiziellen Webpack Repo here beschrieben.

Diese selbst funktioniert gut, chunk Hashes sind richtig, aber das Problem ist, dass meine HTML-Datei erzeugt Bündel in falscher Reihenfolge hat: manifestieren, App und dann Anbieter *, während es manifestieren sollte, Lieferant, app .

CommonsChunkPLugin wird wie folgt konfiguriert:

new webpack.optimize.CommonsChunkPlugin({ 
    names: ['vendor', 'manifest'] 
}), 

und Einträge sind wie folgt:

entry: { 
    app: './index.js', 
    vendor: ['foo', 'bar', 'baz'] 
} 

Irgendwelche Tipps?

Answer 1

OK, löste es. Sieht so aus als würde chunksSortMode: 'dependency' zu html-webpack-plugin config dieses Problem lösen. Es ist also nicht das Kernproblem des Webpacks, sondern etwas mit dem Sortieren von Chunks (Standard von ID-Sortierung sortiert die Chunks in diesem Fall nicht korrekt, nicht sicher warum)