将Angular SPA集成到网页中-提出建议

Question

我有一个基于CMS的网站，需要在其中添加一个独立的基于AngularJS的应用程序。鉴于该应用程序的单个缩小JS为13Mbs。

我看到的选项是：

A。）。直接在网页中嵌入该应用，我们可以在网页上添加SECTION / DIV，然后让脚本在该标记中呈现该应用。通过这种方法，我担心的是额外的HTTP request和明显的13Mb的额外数据。

B。）。另一种方法是使用iframe添加此应用并传递URL，这是直接的方法。我也不必修饰CSS。这种方法有助于消除上述担忧。但是我将不得不编写额外的管理iframe的高度，以确保该应用看起来像页面本身的一部分。

请提出您的建议。

Answer 1

1. 请团队根据您的应用程序的性质来减小javascript文件的大小或将其分成多个部分。
2. 如果应用程序（JS / CSS）中的库没有冲突-（这不是通常情况）选择嵌入，因为这样可以实现无缝集成。
3. 如果您要确保页面安全并且应用程序来自您没有控制权的第三方，请将其放在iframe中。让第三方通过发布消息与您的JavaScript对话，以便您可以根据需要调整其大小。请参阅（https://medium.com/@Farzad_YZ/cross-domain-iframe-parent-communication-403912fff692）