前言

Nuxt3采用了nitro作为http服务，所以打包输出相关的配置其实就是nitro的配置。

教程

打开next.config.ts文件

typescript
复制代码
export default defineNuxtConfig({
  nitro: {
    output: {
      dir: "",  // 这个是配置总的输出路径，一般没必要配置
      serverDir: "",  // 这个是SSR打包输出路径
      publicDir: ""  // 这个是SSG打包输出路径
    }
  }
});

比如我希望通过generate命令SSG打包后能输出一个dist目录，和平时前端SPA项目打包一样，就可以这样配置：

typescript
复制代码
export default defineNuxtConfig({
  nitro: {
    output: {
      publicDir: "dist" 
    }
  }
});

打包时就会在项目根目录创建dist目录，并将打包后的内容输出到该目录下。

声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。