`nuxthub preview` 命令

我们添加了一个新命令,可以使用 `wrangler` 在本地预览您的生产构建。

作为使用 Cloudflare Workers 和边缘运行时的开发人员,我们长期以来一直在努力解决在本地准确预览生产构建的挑战。边缘运行时环境与 Node.js 有很大不同,这就是 Cloudflare 推出 wrangler pages dev 命令的原因。

但是,由于 NuxtHub 不依赖于 wrangler.toml 文件,因此此解决方案并不完美。

今天,我很高兴地推出 nuxthub preview 命令。这个我们 CLI 的新功能弥合了本地开发和边缘运行时环境之间的差距,让您比以往更容易在部署之前测试和改进您的 NuxtHub 项目。

使用方法

使用最新的 nuxthub CLI 版本 (v0.6.0),您现在可以使用一个新命令在本地预览您的生产构建。

终端
# 1/ Build your application for production
npx nuxt build
# 2/ Preview your production build locally
npx nuxthub preview

此命令将

  1. 读取 dist/hub.config.json 文件并在本地生成一个 dist/wrangler.toml 文件
  2. dist/ 目录中使用 wrangler pages dev 命令启动服务器
NuxtHub Preview command

限制

目前,nuxthub preview 命令存在以下限制

  • 它不适用于 --remote 标志(仅本地绑定)
  • hubAI() 会要求您在终端中使用 wrangler 连接
  • hubBrowser() 不受支持,因为 wrangler pages dev 不支持

开源

CLI 在 GitHub 上完全开源,欢迎您贡献和改进它。

在 GitHub 上查看 nuxthub CLI。

立即开始使用 NuxtHub 今天