使用 Remix 和 Bun 构建应用

Remix 开发服务器（remix dev）依赖于 Bun 未实现的 Node.js API。本指南使用 Bun 来初始化项目和安装依赖，并使用 Node.js 来运行开发服务器。

使用 create-remix 初始化一个 Remix 应用。

terminal

bun create remix

 remix   v1.19.3 💿 让我们构建一个更好的网站...

   dir   我们应该在哪里创建你的新项目？
         ./my-app

      ◼  使用基础模板 查看更多模板：https://remix.run/docs/en/main/guides/templates#templates
      ✔  模板已复制

   git   是否初始化一个新的 git 仓库？
         是

  deps   是否使用 bun 安装依赖？
         是

      ✔  依赖已安装
      ✔  Git 已初始化

  done   搞定！
         使用 cd ./my-app 进入项目目录
         查看 README.md 了解开发和部署说明。

要启动开发服务器，在项目根目录下运行 bun run dev。这会使用 Node.js 运行 remix dev 命令。

terminal

cd my-app
bun run dev

$ remix dev

💿  remix dev

info  正在构建...
info  已构建 (263ms)
Remix 应用服务器已在 http://localhost:3000 (http://172.20.0.143:3000) 启动

打开 http://localhost:3000 查看应用。你对 app/routes/_index.tsx 所做的更改会在浏览器中热重载。

要构建你的应用，运行 bun run build。

terminal

bun run build

$ remix build
info  正在构建... (NODE_ENV=production)
info  已构建 (158ms)

然后从项目根目录启动应用。

terminal

bun start

$ remix-serve ./build/index.js
[remix-serve] http://localhost:3000 (http://192.168.86.237:3000)

参见 Remix 文档了解更多。

概览

部署

运行时与调试

实用工具

生态系统与框架

HTTP 与网络

WebSocket

进程与系统

包管理器

测试运行器

运行时与调试

模块系统

文件系统

实用工具

HTML 处理

二进制数据

流

使用 Remix 和 Bun 构建应用