Webpack con i risultati CommonsChunkPlugin con ordine di bundle errato nel file html

Question

Sto cercando di utilizzare CommonChunkPlugin con un blocco "extra" contenente solo runtime Webpack per ottenere l'hashing corretto (questo non modifica l'hash del fornitore quando sono stati modificati solo i file dell'app) . Il trucco è descritto nel repository web ufficiale here.

Questo si funziona bene, gli hash chunk sono corrette, ma il problema è che il mio file HTML generato ha fasci in modo sbagliato: manifesti, app e poi vendor *, mentre dovrebbe essere manifesti, vendor, app .

CommonsChunkPLugin è configurato come segue:

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

e le voci sono i seguenti:

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

Qualche consiglio?

Answer 1

OK, risolto. Sembra che fornire chunksSortMode: 'dependency' alla configurazione di html-webpack-plugin risolva questo problema. Quindi non è un problema di base del webpack, ma qualcosa con l'ordinamento dei blocchi (l'ordinamento predefinito di id non ordina in modo corretto i blocchi in questo caso, non so ancora perché)