```html
<!doctype html>
<html>
<template id="one">
...
</template>
<template id="two">
...
</template>
<script type=module>
const one = import.meta.document.getElementById("one");
const two = import.meta.document.getElementById("two");
export { one, two }
</script>
</html>
```
```html
<!doctype html>
<html>
<head>
<title>HTML Modules Demo</title>
<script type="module">
import { one } from "./one-and-two.html";
// do stuff with 'one', but never import and use 'two'
</script>
</head>
<body>
...
</body>
</html>
```
As I am only using the 'one' template, tooling should be able to treeshake and provide the first time as just containing 'one' given that I never use 'two' in the project. This is commonly done in JS today with tools like WebPack, and it is important that we don't do anything making it impossible or hard to treeshake or to dead code elimination
--
You are receiving this because you are subscribed to this thread.
Reply to this email directly or view it on GitHub:
https://github.com/w3ctag/design-reviews/issues/334#issuecomment-458962820
Received on Wednesday, 30 January 2019 14:27:38 UTC