nuxt build（SPA）生成./nxtxt/dist/**

Question

每当我跑步

$ npm run build

在Nuxt SPA模式下，它会生成./dist文件夹和./nxtxt/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

.nu​​xt / dist用于服务器端呈现，它将在您的服务器上运行npm run start时使用，它将开始监听localhost：3000