urls from environment.ts about coexisting-angular-microfrontends HOT 1 CLOSED

In general, I prefer just registering all the applications in every environment, and using in-browser environment and permission checks to hide/show things in the UI.

However, if you would like to deviate from that suggestion, here's one way to do it.

html file:

<script type="systemjs-importmap" src="<%= urlSpecificToEnvironment %>"></script>
<script>
System.import('environment-vars').then(module => {
  module.singleSpaApplications.forEach(a => {
    singleSpa.registerApplication(a.name, () => System.import(a.name), routePrefix(a.prefix))
  })
})
</script>

import map:

{
  "imports": {
    "environment-vars": "https://some-env.domain.com/environment-vars/version-number/environment-vars.js"
  }
}

environment-vars.js

export const singleSpaApplications = [
  {
    name: 'thing',
    prefix: 'thing'
  }
]

from coexisting-angular-microfrontends.