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'] 
}