包括從多（配置）包建

Question

爲了優化性能比較構建我使用兩個單獨的CONFIGS建築應用： 一包更加頻繁地改變，因此第二大捆內容不惹它重建的過程（因爲它們在一個配置中，儘管它們是不同的捆綁包，但只有第一個的重建過程仍然變慢）。

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

由於只有一種的index.html，它被插入在configs之一，問題是如何將包括產生的HTML參考big-bundle，使用HtmlWebpackPlugin如果根據散列它的名字可以是可變的？

其實我有使用HtmlWebpackPlugin提供的事件掛鉤解決方案的一些想法。但我想知道是否會有其他建議。

Answer 1

你有沒有想過使用文件加載器將其加載到正確的位置，結合require.context？

你可以使用require.context的文件名與正則表達式匹配，文件裝載到文件拷貝過來。

const context = require.context('./<the-files-directory>', false, /big- 
bundle.*?\.js$/); 
context.keys().forEach(key => context(key)); 

然後有一個裝載機：

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