微型前端,使用角度框架作为外部对象

时间:2019-01-07 15:24:54

标签: angular

我们正在尝试将一个大型前端应用程序(app.mydomain.com)拆分为两个较小的应用程序

  1. 预登录应用程序(prelogin.mydomain.com)-其中包括用户登录之前的所有内容
  2. 登录后应用程序(postlogin.mydomain.com)-这包括用户登录后的所有内容

这两个应用程序都使用了目前已与其他Java脚本文件捆绑在一起的angular框架。由于角度框架的尺寸很大,因此会增加包的尺寸,从而影响前端页面的加载性能。

由于这两个微型应用程序都使用了angular框架,因此我们不想第二次重新加载angular(当用户从​​登录前切换为登录后)。相反,我们希望从第三域(third.mydomain.com)加载angular作为外部脚本,并将其缓存在浏览器中以备将来使用。因此,当用户从登录前切换到登录后,而不是再次加载捆绑软件时,将使用浏览器缓存的角度捆绑软件。

我在正式的角度文档中找不到任何内容,该文档讨论了在HTML(作为外部脚本)中加载角度。这是角撑的东西吗? angular是否提供UMD模块?

1 个答案:

答案 0 :(得分:1)

您似乎可以使用System JS设置来完成此操作:https://jsfiddle.net/angulartypescript/n305zyya/

但是,我不确定在已经安装了CLI的项目中如何运行。

以某种方式将这些项目捆绑在一起可能并不容易?这样一来,您就不会对像角核这样的大包装发出任何网络请求。我曾经从事过将一个有角度的项目像图书馆一样捆绑并导入到另一个项目中的项目。也许在这里行得通吗?