nuxt build（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 build时，将.nuxt / dist / client目录的内容上载到CDN。

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

Answer 3

.nuxt / dist用于服务器端渲染，它将在您在服务器上运行npm run start时使用，它将开始在localhost：3000上监听

Answer 4

nuxt / dist文件夹中的内容是在生产中将要提供的内容。它包含一个优化的代码，可以提供给您的用户。