podhmo · February 17, 2025 15:03
diff --git a/README.md b/README.md
diff --git a/app.css b/app.css
 /* base.css */
 body {
  padding: 2rem;
 }
 p {
  background-color: #ffa;
  padding: 1rem;
 }

 /* code.module.css */
 .code_normal {
  background-color: #aaf;
  padding: 1rem;
 }
diff --git a/app.js b/app.js
 (() => {
  // code.module.css
  var normal = "code_normal";

  // hello.js
  console.log("hello");
  var el = document.createElement("pre");
  el.className = normal;
  el.textContent = "console.log(`hello`);";
  document.body.appendChild(el);
 })();
diff --git a/base.css b/base.css
 body {
    padding: 2rem;
 }

 p {
    background-color: #ffa;
    padding: 1rem;
 }
diff --git a/code.module.css b/code.module.css
 .normal {
    background-color: #aaf;
    padding: 1rem;
 }
diff --git a/hello.js b/hello.js
 import "./base.css"
 import { normal } from "./code.module.css"

 console.log("hello")


 const el = document.createElement("pre");
 el.className = normal; // css modules (as .code_normal)
 el.textContent = "console.log(`hello`);"
 document.body.appendChild(el)
diff --git a/index.html b/index.html
 <!DOCTYPE html>
 <html>
  <head>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link href="./dist/app.css" rel="stylesheet" />
  </head>
  <body>
    <h1>hello</h1>
    <p>hello hello</p>
  </body>
  <script src="./dist/app.js"></script>
 </html>
diff --git a/Makefile b/Makefile
 default:
 	esbuild --bundle --outfile=dist/app.js hello.js
 .PHONY: default

 clean:
 	rm -rf dist
 .PHONY: clean
	/* base.css */
	body {
	padding: 2rem;
	}
	p {
	background-color: #ffa;
	padding: 1rem;
	}

	/* code.module.css */
	.code_normal {
	background-color: #aaf;
	padding: 1rem;
	}
	(() => {
	// code.module.css
	var normal = "code_normal";

	// hello.js
	console.log("hello");
	var el = document.createElement("pre");
	el.className = normal;
	el.textContent = "console.log(`hello`);";
	document.body.appendChild(el);
	})();
	import "./base.css"
	import { normal } from "./code.module.css"

	console.log("hello")


	const el = document.createElement("pre");
	el.className = normal; // css modules (as .code_normal)
	el.textContent = "console.log(`hello`);"
	document.body.appendChild(el)
	<!DOCTYPE html>
	<html>
	<head>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<link href="./dist/app.css" rel="stylesheet" />
	</head>
	<body>
	<h1>hello</h1>
	<p>hello hello</p>
	</body>
	<script src="./dist/app.js"></script>
	</html>
	default:
	esbuild --bundle --outfile=dist/app.js hello.js
	.PHONY: default

	clean:
	rm -rf dist
	.PHONY: clean