nuxt build --spa与nuxt generate的区别

Question

什么是 "

" 与 "

" 的区别？

nuxt build

对比

nuxt generate

对比

nuxt build --spa

我正在尝试编译三种不同的变体：

1. regular nuxt with ssr
2. prerendered spa
3. spa without prerendering

我正在苦苦寻找适当的命令

- Chris

Answer 1

如文档所示，上述命令对应的是：

nuxt build：使用webpack构建应用并缩小JS和CSS（用于生产）。 nuxt generate：构建应用程序并将每个路由生成为HTML文件（用于静态托管）。

文档本身似乎没有涵盖--spa标志，但是生成器帮助概述了以下内容，没有进一步的解释：

选项
--spa 以SPA模式启动

---

根据这些信息，以下命令似乎可以满足您的需求，但是我目前还没有测试过它们：

1. 使用SSR的常规Nuxt: nuxt build
2. 预渲染的SPA： nuxt generate
3. 不进行预渲染的SPA：nuxt build --spa

然而，请注意，由于Nuxt团队以文档过时著称，因此需要谨慎对待这些命令。

- Etheryte

---

我刚刚尝试了几种组合。看起来1和3是正确的。但是2（nuxt generate --spa）似乎会在dist文件夹中产生与3（nuxt build --spa）相同的输出。因此，需要在不使用--spa标志的情况下使用generate来预渲染页面。请更新您的答案，我会接受它。 - Chris

@Chris 谢谢您的反馈，我已经进行了更新。 - Etheryte

nuxt generate 是否也会压缩 JS/CSS？ - Ali Gajani

在 nuxt.config.ts 中添加 "ssr: false, target: 'static'"，然后使用 nuxt generate。 - riseres

如果你有不同的路由规则，例如博客和落地页使用 prerender: true，我的仪表盘使用 ssr: false。我应该使用 nuxt generate 还是 nuxt build？ - Mathijs