Angular 网页包：多品牌应用

我们正在用Ionic 2开发一个多品牌的webapp，我们想用webpack捆绑我们的代码。我们希望能够为每个品牌生成不同的捆绑包

我们为应用程序的每个功能都提供了一个通用模块，但有些品牌需要特定的代码。我们希望webpack在每次检测到要捆绑的品牌存在模块时，都加载特定于品牌的模块，而不是通用模块

例如，我们的应用程序有两个模块（1和2），我们希望将其捆绑为三个品牌（X、Y和Z）。这些是模块：

module1/module1.ts
module1/brandX.module1.ts

module2/module2.ts
module2/brandY.module2.ts

我们希望能够以通用方式导入这些模块，并动态加载特定于品牌的模块（如果存在）：

我们将以这种方式在代码中导入模块：

import { Module1 } from 'module1/*******module1'; 
import { Module2 } from 'module2/*******module2'; 

每种品牌的进口产品都应该以这种方式解决：

BrandX:
'module1/brandX.module1.ts'
'module2/module2.ts'

BrandY:
'module1/module1.ts'
'module2/brandY.module2.ts'

BrandZ:
'module1/module1.ts'
'module2/module2.ts'

如何使用webpack解决这个问题？定制装载机？别名

我们希望每个捆绑包不包含来自其他品牌的代码，这就是为什么我们试图使用webpack解决它。然而，如果有人能在运行时解决这个问题（动态依赖注入），我们也会很感激