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

时间:2019-12-05 09:04:05

标签: angular angular7 web-component custom-element angular-elements

我有一个庞大的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>

但是,如果页面生成单个捆绑包,则组件(或者更好的是自定义元素)将不会彼此独立!很明显,在这种情况下,催化作用不起作用

我该如何解决这个问题?

谢谢

0 个答案:

没有答案