使用 @angular/elements 为每个组件生成不同的 js 包

Question

我有一个巨大的 Angular 应用程序，其中有几个组件导出为@angular/elements.

这些组件（尽管它们仍然使用共享服务和组件）用于网站的不同部分，该部分不是单页应用程序的一部分，而是由服务器提供的独立页面。

导出的角度元素 在新页面中运行良好，但我认为加载整个 SPA 包（si 5MB+）只是为了渲染两个组件是不可接受的。如何为每个角度元素生成不同的 javascript 文件？

我想像这样渲染我的组件：

<my-first-component />
<script src="./my-first-component.js"></script>

<my-second-component>
<script src="./my-second-component.js"></script>

但是如果页面生成单个包，组件（或者更好的是自定义元素）将不会相互独立！很明显，在这种情况下，串联不起作用。

我怎么解决这个问题？

谢谢