生成下一个构建 (SPA)。/nuxt/dist/**

Question

每当我运行

$ npm run build

在 Nuxt SPA 模式下，它会生成一个 ./dist 文件夹和 ./nuxt/dist 文件夹。

./nuxt/dist有什么用?

./nuxt/dist folder sample

Answer 1

dist 文件夹包含 html 和 js 文件，然后您可以使用它部署到服务器并 运行 作为静态站点。

Answer 2

Nuxt.js 允许您将 dist 文件上传到 CDN 以获得最佳性能，只需将 publicPath 设置为您的 CDN。

export default {
  build: {
    publicPath: 'https://cdn.nuxtjs.org'
  }
}

然后，在启动 nuxt 构建时，将 .nuxt/dist/client 目录的内容上传到您的 CDN。

参考：https://nuxtjs.org/api/configuration-build/

Answer 3

.nuxt/dist 用于服务器端渲染，当您 运行 npm 运行 在您的服务器上启动时将使用它，它将开始侦听 localhost:3000

Answer 4

nuxt/dist 文件夹中的内容是您在制作时要提供的内容。它包含为您的用户提供的优化代码。