http-horse

HTML, CSS, JavaScript和WebAssembly Web开发的热重载HTTP服务器。

用法

有一个你想提供的输出目录，例如 ./example/out/。

提供输出目录

提供输出目录。在这种情况下

RUST_LOG=debug cargo run -- ./example/out/

日志输出将告诉您http-horse运行的两个服务器的地址和端口号；一个用于状态页面，一个用于项目页面。

例如

[…]
2023-10-29T05:06:49.278038Z  INFO http_horse: Status pages will be served on http://[::1]:59917
2023-10-29T05:06:49.278089Z  INFO http_horse: Project pages will be served on http://[::1]:59918
[…]

在您的网络浏览器中打开状态页面和项目页面。

编辑Web源文件

对HTML, CSS, JS或其他Web文件中的一个或多个进行更改。

在http-horse附带示例Web文件的情况下，您可以在存储库的根目录下example/www/中找到它们。

$EDITOR ./example/www/index.htm

构建编辑后的项目

在示例项目中，我们使用了Makefile。但是，您可以使用任何类型的构建系统与http-horse一起使用，并且当构建系统更改输出目录中的相关文件时，它会为您在浏览器中热重载页面。

cd example/
make

查看项目页面

在浏览器中观察，当构建系统在输出目录中做出相关更改时，您在浏览器中打开的项目页面将热重载。

高级用法

您不必手动调用构建系统，您可以告诉http-horse源文件的位置以及运行构建系统时要运行的命令。

（此功能的实现尚未开始。）

示例

RUST_LOG=debug cargo run -- -c "make" -d example/ -C example/www/ example/out/

在哪里

RUST_LOG=debug cargo run -- -c "make" -d example/ -C example/www/ example/out/
                               ^         ^           ^            ^- out-dir to watch for changes
                               |         |           `- source dir to watch for changes
                               |         `- the working directory to run the build command in
                               `- the build command to run when changes are made in source dir

因此

• -c参数指定在源目录更改时运行的构建命令。
• -参数指定运行构建命令的工作目录。
• -C参数指定要监视更改的源目录。
• 所有标志和选项提供之后的位置参数指定要监视更改的输出目录。