tommie · July 25, 2022 17:07
diff --git a/a.esm.js b/a.esm.js
 const AA = 42;

 import * as x from './a.esm.js';
 console.log('x.A is', x.A);  // BAD: "x.A is Object { imports: ..., scopes: {} }"

 export { AA as A };
diff --git a/index.html b/index.html
 <!DOCTYPE html>
 <html>
  <script async src="es-module-shims.js"></script>
  <script type="importmap">{"imports": {"a": "./a.esm.js"}}</script>
  <script type="module">
    import {A} from 'a';
    console.log('A is', A);  // GOOD: A is 42
  </script>
 </html>
	const AA = 42;

	import * as x from './a.esm.js';
	console.log('x.A is', x.A); // BAD: "x.A is Object { imports: ..., scopes: {} }"

	export { AA as A };
	<!DOCTYPE html>
	<html>
	<script async src="es-module-shims.js"></script>
	<script type="importmap">{"imports": {"a": "./a.esm.js"}}</script>
	<script type="module">
	import {A} from 'a';
	console.log('A is', A); // GOOD: A is 42
	</script>
	</html>