我工作的公司开发了基于角组件的CMS系统。在我们的自定义配置中，有角度的供应商在整个网站上共享，并且每个组件都独立构建并生成自己的 js 文件。
通过这种方式，如果营销团队想要删除CMS中的小部件，它将删除模板和 js 文件，并且效果很好。
唯一的问题是，跨窗口小部件的共享代码会为每个窗口小部件复制，并且供应商文件不会被webpack摇晃，所以我试图创建一个 js包包含所有可能的组件和供应商，以提高性能。
app.module.ts包含所有可拖动组件，因此看起来像这样：
...
bootstrap: [ Component1, Component2, Component3 ]
...
如果所有可拖动组件都在模板内部，则效果很好。但是，当我尝试引导不存在的组件时，它会中断：
选择器“ app-component-1”与任何元素都不匹配
如何解决此问题？
Ps。我知道没有人想过要创建整个CMS，但这就是我们得到的，最终的门户非常庞大，现在无法更改:)我知道这是一个非常高级的主题。
Ps2。显然，我们没有使用 @ angular / cli ，我们有一个自定义的webpack管道
谢谢