在 Deno 中如何使应用程序热重载？
Deno 是一个现代化的 JavaScript 和 TypeScript 运行时环境，它可以像 Node.js 一样运行 JavaScript 代码，但与 Node.js 不同的是，它使用了 V8 引擎和 Rust 编写的底层代码，可以提供更好的性能和安全性。同时，Deno 的开发宗旨是使用现代化的 Web 标准，并提供了许多内置的模块和工具，使得开发者可以更加便捷的开发前端应用程序。
在开发前端应用程序的过程中，热重载（Hot Reload）是一个非常重要的功能，它可以使得开发者在更改代码后，无需重新编译和启动应用程序，就可以即时地预览到更改后的效果，提高了开发效率和体验。Denon 是一个专门用于在 Deno 中实现热重载的工具，它可以监控文件的变化，并自动重载应用程序，从而实现热重载的功能。
本文将详细介绍如何在 Deno 中使用 Denon 实现应用程序热重载，并提供示例代码和指导。
- 安装 Denon
首先，需要安装 Denon 工具。可以使用以下命令在全局环境中安装：
deno install --allow-read --allow-run -f --unstable https://deno.land/x/denon/denon.ts
在安装完成后，可以使用以下命令验证是否安装成功：
denon --version
如果能够正常输出版本号，则表示 Denon 安装成功。
- 创建应用程序
接下来，需要先创建一个基本的应用程序，作为演示用例。可以创建一个名为 app.ts 的文件，其中包含以下内容：
-- -------------------- ---- ------- ------ - ----- - ---- ------- ----- ------ - ------- ----- ---- --- -------------------------------------- --- ----- ------ --- -- ------- - ------------- ----- ------ ------- --- -
这是一个简单的使用 Deno 内置的 http 模块创建的 HTTP 服务器应用程序，它会监听 8000 端口，并在控制台中输出相关信息。在 for await 循环中，它会一直监听来自客户端的请求，并返回一个固定的响应内容。
可以使用以下命令运行应用程序：
deno run --allow-net app.ts
在运行后，可以访问 http://localhost:8000/，能够看到一个简单的 "Hello Deno" 页面。
- 配置 Denon
为了使用 Denon 进行热重载，需要在项目根目录中创建一个名为 denon.json 的配置文件，并进行相应的配置。以下是一个示例的配置文件：
-- -------------------- ---- -------
-
---------- -
-------- -
------ ----- --- ----------- --------
------- ------ --- -------
-
--
-------- -
------- -------------
-------- ------
-------- -----
-------- ----
----------- ----
---------- ---------
-
-配置文件中主要包含了两个部分：scripts 和 watch。其中，scripts 部分定义了应用程序的启动命令和相关描述信息；watch 部分定义了 Denon 工具的监控文件和重启配置。
在 scripts 部分中，添加了一个名为 start 的脚本，其中定义了运行应用程序的命令，并进行了简单的描述信息。
在 watch 部分中，exts 参数定义了需要监控的文件扩展名，match 参数定义了监控的目录范围，这里包含了当前目录。quiet 参数定义了是否在控制台输出监控信息，这里设置为 true，即不输出监控信息。delay 和 debounce 参数定义了 Denon 的监控延迟和防抖时间，可以增加或减少这两个参数的值来调整监控的效果。restart 参数定义了重启的脚本。
- 运行 Denon
在完成配置后，可以使用以下命令运行 Denon，实现应用程序热重载：
denon start
在运行后，可以再次访问 http://localhost:8000/，然后修改 app.ts 文件中的内容，比如可以将响应内容改为 "Hello World"，然后保存文件，Denon 会自动监控文件变化，并重启应用程序，无需重新编译和启动应用程序，就可以看到修改后的页面内容。
示例代码如下：
-- -------------------- ---- ------- ------ - ----- - ---- ------- ----- ------ - ------- ----- ---- --- -------------------------------------- --- ----- ------ --- -- ------- - ------------- ----- ------ -------- --- -
- 总结
在本文中，我们详细介绍了如何在 Deno 中使用 Denon 工具实现应用程序热重载的功能。通过配置 Denon 的监控文件和重启脚本，可以实现无需重新编译和启动应用程序，在修改代码后即时预览的效果，提高了开发效率和体验。示例代码可以作为参考，帮助初学者更好地理解如何使用 Denon 实现热重载的功能。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6471d712968c7c53b0fc12a7