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

Question

我有一个 AngularJS 1.4 版应用程序，我想迁移到 Angular 12+ 。因此，我决定使用 single-spa 将新的 Angular 应用程序集成到旧版应用程序中。
我正在关注此视频带有 Angular 和 Angularjs 微前端的单一水疗应用程序

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

创建的

这是视频的repo

在

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

我改为this。我设法在没有 SystemJS 的情况下加载 AngularJS 应用程序，但不知道如何在没有 SystemJS 的情况下加载新的 Angular 应用程序。 我想知道在不使用 SystemJS 的情况下，我需要做哪些更改才能加载新的 Angular 应用程序

Answer 1

尝试使用 module Federation 来共享和绑定资源，而不是 systemJs。

参考这些链接

来自官方

示例