Nuxt 3生产环境JS文件未合并为单个文件：需配置什么？

首先明确：Nuxt3 默认不会将所有JS合并为单个文件，它基于Vite构建，默认启用代码分割（Code Splitting），会把代码拆分成多个按需加载的chunk文件。这是现代前端的性能优化策略——只加载当前页面必需的代码，后续页面再按需加载对应chunk，以此优化首屏加载速度。

如果一定要强制合并为单个JS文件，可以通过修改Nuxt配置中的Vite构建选项实现：

1. 在项目根目录的nuxt.config.ts中，添加或修改build配置项：

export default defineNuxtConfig({
  build: {
    vite: {
      build: {
        rollupOptions: {
          output: {
            // 自定义chunk打包规则，将所有模块合并到一个chunk
            manualChunks: () => 'app'
          }
        }
      }
    }
  }
})

2. 重新执行生产构建命令：npm run build

注意：强制合并所有JS会导致单个文件体积过大，首屏加载时间变长，除非你的项目代码量极小，否则不建议这么做。Nuxt3的默认代码分割策略更适合大多数生产场景。

内容的提问来源于stack exchange，提问作者udit