のWebPACK CommonsChunkPluginと結果のhtmlファイルで

Question

私は（唯一のアプリケーションファイルが変更されたとき、これはベンダーのハッシュは変更されません）適切なハッシュを取得するためにのみWebPACKのランタイムを含む1「余分な」チャンクでCommonChunkPluginを使用しようとしています。このトリックは、公式webpack repo hereに記載されています。

はこれ自体は正常に動作し、チャンクのハッシュは正しいですが、問題が発生した私のHTMLファイルが誤った順序でバンドル持っているということです。それはマニフェスト、ベンダー、アプリあるべき一方、マニフェスト、アプリ、その後ベンダー*を。

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

任意のヒントを次のように

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

とエントリは次のように

CommonsChunkPLuginが設定されていますか？

Answer 1

OK、解決しました。 html-webpack-plugin configにchunksSortMode: 'dependency'を指定すると、この問題が解決されます。だからWebpackのコアの問題ではありませんが、チャンクをソートするもの（デフォルトではIDのソートはチャンクを正しくソートしません。なぜかまだ分かりません）