Webpack：使用多個構建目標

Question

給定帶有Webpack構建過程的（Angular-）Webapp我想添加幾個構建目標到我的Webpack配置中。

有關於如何修改webpack.config在編譯的時候，（也可能是我所需要的），這已經是有助於獲得dev和prod建立運行大量的教程。

但是我希望有一種方法來參數化構建過程，以便不同的文件被用於構建過程。

問題

如何配置的WebPack與在構建步驟稱爲*.mobile.js/*.mobile.html（如果可用）的文件替換所有*.js/*.html -files？

Bonusquestion： 如何排除通過的WebPack-配置特定環境import報表？

例

我被幾個視圖/控制器對它們經由Angulars $stateprovider相連。在webapp的移動版本中，大部分HTML-視圖應該是移動優化的模板。

如果我使用webpack的幾個入口點來生成桌面版本和移動版本，我將不得不重寫每個需要或導入每個生成目標的HTML文件的文件，並指定新的文件名手動。

這會導致很多代碼重複且很難維護。

Answer 1

最後我用我的webpack.config以下

const target = env && env.mobile ? 'mobile' : 'desktop' 

resolve: { 
    extensions: [`.${target}.js`, '.js', `.${target}.html`, '.html'] 
}