Nuxt3 控制打包输出目录

前言

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

教程

打开next.config.ts文件

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

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

export default defineNuxtConfig({
  nitro: {
    output: {
      publicDir: "dist" 
    }
  }
});

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