如何使用主要使用 Denos 内置工具来设置无框架 Web 应用程序？

Question

我正在制作一个Web应用程序，它不需要任何框架（主要生活在canvas和webgl领域）。

我也是第一次尝试 Deno。 不幸的是，他们的文档列出了大量不同的框架，但没有列出任何针对普通项目的内容。

我所看到的 Deno 是它内置了捆绑器和 http 服务器。我想设置一个 Deno 项目来编译一些 ts，监视更新，包含用于调试的

.d.ts

文件，托管一个 html 文件，其中包含捆绑的脚本等。我正在寻找标准的 Web 开发设置，没有任何 Web 构建框架（Helium、React、Astro 等）。

这将是我的网站代码：

// in typescript
const addMe: Node = document.createElement("div");
addMe.innerText = "Hello World";
document.body.appendChild(addMe);

我怎样才能尽可能地依赖 Denos 内置工具来完成这项工作。 对于没有内置工具的任何事情，不需要建议。 我只是想尽可能少地安装软件包。

Answer 1

事实证明 Deno 不再有捆绑器。 过去是这样，这就是为什么我认为 Deno 是一个“一站式商店”，涵盖与制作基本 Web 应用程序相关的所有内容。

---

对于那些感兴趣的人，我使用了

deno i npm:vite

，并设法得到了一些非常令人满意的简单内容。 一个干净的起点。 这就是一切：

deno.json

{
  "tasks": {
    "dev": "vite"
  },
  "imports": {
    "@std/assert": "jsr:@std/assert@1",
    "vite": "npm:vite@^6.0.7"
  }
}

index.html

<script type="module" src="/src/App.ts"></script>

src/App.ts

const addMe: HTMLElement = document.createElement("div");
addMe.innerText = "Hello World";
document.body.appendChild(addMe);