Single-SPA-如何在不使用SystemJS的情况下加载一个Angular 应用程序

nnt7mjpx  于 2022-09-18  发布在  Java
关注(0)|答案(1)|浏览(137)

我有一个AngularJS版本1.4的应用程序,我想迁移到Angel 12+。因此,我决定使用single-spa将新的Angular 应用程序集成到传统应用程序中。
我在关注这个视频Single spa app with Angular and Angularjs micro frontends

在那段视频中,他使用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的情况下加载新的Angel应用程序。
我想知道我需要做什么改变来加载新的Angular 应用程序也不使用SystemJS

bq3bfh9z

bq3bfh9z1#

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

请参考这些链接

出自官方

Example

相关问题