マルチ（config）ビルドからバンドルを含める

Question

ビルド性能を最適化するために私は2つの別々のconfigsを使ってアプリケーションをビルドしています： 最初のバンドルが頻繁に変更されるため、2番目の大きなバンドルのコンテンツは、彼らは異なるバンドルですが、1つの設定になっているため、最初のものだけを再構築するプロセスはまだ遅くなります）。

configs = [ 
{ 
    entry: {app: './app'}, 
    output: ... 
    plugins: [ 
    new HtmlWebpackPlugin({..}) 
    ] 
}, 
    // this is second rarely changed bundle 
{ 
    entry: {big-bundle: './some/big'}. 
    output: ... 
} 
] 

は一つだけのindex.htmlがあるとして、それは問題では、その名のハッシュに応じて可変にしてもよい場合HtmlWebpackPluginを使用して、HTMLの結果でbig-bundleへの参照を含める方法で、コンフィグの一つに差し込まれていますか？

実際、私はHtmlWebpackPluginによって提供されるイベントフックを使用したソリューションのアイデアをいくつか持っています。しかし、私は他のアドバイスがあるのだろうかと思います。

Answer 1

file-loaderを使用して、require.contextと組み合わせて正しい場所にロードすることを考えましたか？

ファイル名を正規表現に一致させるにはrequire.contextを使用し、ファイルをコピーするにはファイルローダーを使用できます。オプションとして

{ 
    test: /big-bundle.*?\.js$/, 
    loader: 'file!name=<name for index.html>' 
}