demo/index.html

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>Micro Frontends with ESM</title>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="icon" type="image/x-icon" href="mfe_logo.png">
</head>
<body>
	<host-mfe></host-mfe>
</body>
	<script type="importmap">
		{
			"imports": {
				"rxjs": "https://cdn.skypack.dev/rxjs",
				"rxjs/operators": "https://cdn.skypack.dev/rxjs/operators",
				"@angular/core": "/dist/core.js",
				"@angular/common": "/dist/common.js",
				"@angular/platform-browser": "/dist/platform-browser.js",
				"@angular-mfe/shared": "/dist/shared/fesm2015/angular-mfe-shared.mjs",
				"@angular-mfe/first": "/dist/first/fesm2015/angular-mfe-first.mjs",
				"@angular-mfe/second": "/dist/second/fesm2015/angular-mfe-second.mjs",
				"@angular-mfe/host": "/dist/host/fesm2015/angular-mfe-host.mjs"
			}
		}
	</script>
	<script type="module" src="https://cdn.skypack.dev/zone.js@0.11.4"></script>
	<script type="module">
		import {platformBrowser} from "@angular/platform-browser";
		import {ModuleMfeModule} from  "@angular-mfe/host";

		platformBrowser().bootstrapModule(ModuleMfeModule);
	</script>
</html>