Can't use output.manualChunks during Nuxt build

[richardeschloss]

Environment

---

• Operating System: Linux
• Node Version: v16.13.1
• Nuxt Version: 2.16.0-27347055.777a4b7f
• Package Manager: [email protected]
• Bundler: Webpack
• User Config: components, bridge, vite, css, target, head, plugins, buildModules, stories, telemetry
• Runtime Modules: -
• Build Modules: @nuxt/[email protected]

---

Reproduction

Attempt to specify manualChunks in nuxt.config:

  vite: {
    build: {
      rollupOptions: {
        output: {
          inlineDynamicImports: false, // <-- I get manualChunks, but not all the ones I specify 
          manualChunks: {
            utils: ['./lib/utils.js'] // example. utils will correctly be created in .nuxt/dist/server/chunks, but never transferred to .output/server/chunks
          }
        }
      }
    },
  }

Describe the bug

When attempting to build Nuxt application which may work perfectly fine in development mode (nuxi dev), actually building the application using nuxi build will finally see and warn about chunk sizes being too large. This is the typical warning message that appears:

(!) Some chunks are larger than 500 KiB after minification. Consider:

• Using dynamic import() to code-split the application
• Use build.rollupOptions.output.manualChunks to improve chunking: https://rollupjs.org/guide/en/#outputmanualchunks
• Adjust chunk size limit for this warning via build.chunkSizeWarningLimit.

I have tried to use dynamic imports as much as possible, but this is not always ideal because then it requires so much code refactoring and lose the benefit of top-level imports. I'd also prefer not to increase the chunk size warning limit since the warning should probably not be ignored. So, I try specify manualChunks only to encounter the following error message:

Invalid value for option "output.manualChunks" - this option is not supported for "output.inlineDynamicImports".

It seems like I can't specify those options. It would be nice if I could.

Additional context

No response

Logs

No response

[fabiwlf]

@richardeschloss Seems to not work for server build at the moment. But just using a hook like this works at least for building the client dependencies.

hooks: {
    "vite:extendConfig"(
      clientConfig,
      { isClient, isServer }
    ) {
      if (isClient) {
        clientConfig.build.rollupOptions.output.manualChunks = {
          "entry-custom": [
            "nuxt3/dist/app/entry.mjs",
            "nuxt3/dist/app/bootstrap.mjs",
          ],
          "bootstrap-custom": [
            "./components/Header"
            "./pages/index"
          ],
        };
    },
  },