【问题标题】:nuxt build (SPA) generetes ./nuxt/dist/**nuxt build (SPA) 生成 ./nuxt/dist/**
【发布时间】:2019-04-19 05:12:28
【问题描述】:

每当我跑步时

$ npm run build

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

./nuxt/dist有什么用?

./nuxt/dist folder sample

【问题讨论】:

    标签: javascript nuxt.js


    【解决方案1】:

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

    【讨论】:

    • 这是 /dist 文件夹还是 ./nuxt/dist
    • 它基于您的 nuxt 配置,但默认情况下,它是 .nuxt nuxtjs.org/api/configuration-builddir
    • 哦,我明白了,我读过 /dist 文件夹是静态版本。 $ npm run build 也会生成这个,这很奇怪。谢谢你的帮助顺便说一句!
    【解决方案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/

    【讨论】:

      【解决方案3】:

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

      【讨论】:

        【解决方案4】:

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

        【讨论】:

          猜你喜欢
          • 2018-02-20
          • 1970-01-01
          • 2020-08-15
          • 2021-02-21
          • 1970-01-01
          • 2021-07-18
          • 2021-12-02
          • 1970-01-01
          • 2021-05-23
          相关资源
          最近更新 更多