single-spa - 如何在不使用 SystemJS 的情况下加载 Angular 应用程序

Question

我有一个 AngularJS 版本 1.4 应用程序，我想迁移到 Angular 12+。 所以我决定使用single-spa将新的 Angular App 集成到 Legacy App。
我正在关注这个带有 Angular 和 Angularjs 微前端的视频 Single spa 应用程序

在该视频中，他使用SystemJS加载新的 Angular 应用程序。 尽管据说 SystemJS 是推荐的方式，但我想知道是否可以在没有 SystemJS 的情况下同时加载旧应用程序和新应用程序。 使用single-spa CLI创建新的 Angular 应用程序

这是视频的回购

在main.js我改成了这个

// System.register([], function (_export) {
//   return {
//     execute: function () {
//       _export(
//         window.singleSpaAngularjs.default({
//           angular: angular,
//           mainAngularModule: "main-module",
//           uiRouter: true,
//           preserveGlobal: false,
//         })
//       );
//     },
//   };
// });

//create global variable
window.legacyAngularApp = window.singleSpaAngularjs.default({
  angular: angular,
  mainAngularModule: 'main-module',
  uiRouter: true,
  preserveGlobal: false,
})

在index.html我改成这个。 我设法在没有 SystemJS 的情况下加载了 AngularJS 应用程序，但无法弄清楚如何在没有 SystemJS 的情况下加载新的 Angular 应用程序。
我想知道在不使用 SystemJS 的情况下加载新的 Angular 应用程序需要做哪些更改

Answer 1

• 尝试使用模块联合来共享和绑定资源，而不是 systemJs。

参考这些链接

来自官方

例子