davesnx · January 3, 2024 17:14
diff --git a/absolute.js b/absolute.js
 export default {
  data: [1, 2, 3, 4],
 };
diff --git a/index.html b/index.html
 <!DOCTYPE html>
 <html>
 <head>
  <meta charset="UTF-8">
  <title>importmap demo</title>
  <script type="importmap">
    {
      "imports": {
        "lodash": "https://esm.sh/[email protected]",
        "relative": "./relative.js",
        "absolute": "/absolute.js"
      }
    }
  </script>
 </head>
 <body>
  <script type="module">
    import _ from 'lodash';
    import relative from 'relative';
    import absolute from 'absolute';

    console.log(relative.data);
    console.log(absolute.data);

    const message = 'hello, world!';
    const capitalizedMessage = _.capitalize(message);

    console.log(capitalizedMessage);
  </script>
 </body>
 </html>
diff --git a/Makefile b/Makefile
 dev:
 	npx http-server -o .
diff --git a/relative.js b/relative.js
 export default {
  data: [1, 2, 3, 4],
 };
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="UTF-8">
	<title>importmap demo</title>
	<script type="importmap">
	{
	"imports": {
	"lodash": "https://esm.sh/[email protected]",
	"relative": "./relative.js",
	"absolute": "/absolute.js"
	}
	}
	</script>
	</head>
	<body>
	<script type="module">
	import _ from 'lodash';
	import relative from 'relative';
	import absolute from 'absolute';

	console.log(relative.data);
	console.log(absolute.data);

	const message = 'hello, world!';
	const capitalizedMessage = _.capitalize(message);

	console.log(capitalizedMessage);
	</script>
	</body>
	</html>