跳转到内容

在 Astro 中使用 Bun

Bun 是一个 all-in-one 的 JavaScript 运行时和工具套件。可请参阅 Bun 的文档 获取更多信息。

  • 在你的机器上安装了 Bun。请参阅 Bun 官方文档的 安装说明

使用 Bun 创建一个新的 Astro 项目

段落标题 使用 Bun 创建一个新的 Astro 项目

使用以下 create-astro 命令并通过 Bun 创建一个新的 Astro 项目:

终端窗口
bunx create-astro@latest my-astro-project-using-bun

如果你正使用 bunx create-astro 创建一个新的项目,CLI 将会自动使用 Bun 安装依赖,所以你可以跳过这一步。

否则,你需要使用 Bun 安装依赖:

终端窗口
bun install

Bun 发布了含有 Bun 的运行时类型的 @types/bun 包。

使用以下命令安装 @types/bun

终端窗口
bun add -d @types/bun

你也可以通过 astro add 命令来使用任意 Astro 官方集成:

终端窗口
bunx astro add react

为了运行开发服务器并使用 Bun 作为运行时,请使用以下命令:

终端窗口
bunx --bun astro dev

通过 Bun 构建你的站点

段落标题 通过 Bun 构建你的站点

为了使用 Bun 作为运行时构建你的站点,请使用以下命令:

终端窗口
bunx --bun astro build

Astro 会将你的站点输出到 dist/ 目录。然后,你可以使用 preview 命令来运行你的站点:

终端窗口
bunx --bun astro preview

由于 Bun 提供了 Node.js API 兼容性的功能,因此你可以使用任何 Astro 适配器进行服务器端渲染 (EN) 到你的 Astro 项目:

运行如下命令来为你的 Astro 项目添加 Node.js 适配器:

终端窗口
bunx astro add vercel

Bun 通过 bun test 命令提供了一个快速的、内置的、兼容 Jest 的测试运行器。如果你想使用它,请阅读 bun test 文档

当然,你也可以使用 Cypress 或 Playwright 来测试你的网页应用。

Cypress 是一个前端测试工具,其使命是“让测试体验变得愉快并带来开发者的快乐”。这使你可以为你的 Astro 站点编写端到端测试。

用以下命令安装 Cypress:

终端窗口
bun add cypress --dev

对于其余的配置和开始你的第一个测试,请参阅 Astro 测试指南 中的 Cypress 测试部分。

Playwright 是一个端到端测试框架,它允许你在所有现代渲染引擎上测试你的 Astro 代码,包括 Chromium、WebKit 和 Firefox。

用以下命令安装 Playwright:

终端窗口
bun create playwright

要创建你的第一个 Playwright 测试,请按照 Astro 测试指南 中的其余 Playwright 测试流程。

已经在 Astro 项目中使用 Bun?请在此页面添加你的博客文章或视频!

Contribute

What’s on your mind?

Create GitHub Issue

Quickest way to alert our team of a problem.

Community