nuxt构建(SPA)泛型./nuxt/dist/**

Question

每当我跑的时候

$ npm run build

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

./nuxt/dist的用途是什么？

./nuxt/dist文件夹示例

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文件夹中的内容是在生产中要提供的内容。它包含要向用户提供服务的优化代码。