worker-with-import-map
Version:
Use importmaps in a worker interface
43 lines (42 loc) • 1.52 kB
HTML
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Test Worker Shim</title>
<script type="importmap">
{
"imports": {
"browser-or-node":"https://unpkg.com/browser-or-node@2.1.1/src/index.js",
"@environment-safe/package" : "https://unpkg.com/@environment-safe/package@0.1.3/src/index.mjs",
"module": "https://unpkg.com/browser-or-node@2.1.1/src/index.js",
"node:events": "https://unpkg.com/extended-emitter@1.3.2/node-events.mjs",
"path": "https://unpkg.com/browser-or-node@2.1.1/src/index.js",
"worker-with-import-map": "../src/index.js",
"calculator": "./calculator.js"
}
}
</script>
<style>
body {
background-color: #F5F5F5;
}
textarea {
width: 90%;
height: 200px;
}
</style>
<script type="module" src="test.js"></script>
</head>
<body>
<h1>Worker</h1>
<button onclick="worker.postMessage('aaa')">Send 'aaa'</button>
<button onclick="worker.postMessage('bbb')">Send 'bbb'</button>
<button onclick="worker.postMessage('ccc')">Send 'ccc'</button>
<hr>
<h1>Worker with import map</h1>
<button onclick="workerShim.postMessage('aaa')">Send 'aaa'</button>
<button onclick="workerShim.postMessage('bbb')">Send 'bbb'</button>
<button onclick="workerShim.postMessage('ccc')">Send 'ccc'</button>
</body>
</html>