`manualChunks` is not supported when using rolldown-vite – throws validation error

[sangquangnguyen]

Describe the bug

Hi, I’m using rolldown-vite as the bundler in my Vite project, and attempting to configure manualChunks in the rollupOptions.output results in a build failure. Seems like manualChunks is not supported yet by rolldown and will be used by advancedChunks

Reproduction

https://github.com/sangquangnguyen/rolldown-vite-manualChunks-bug

Steps to reproduce

1. Set up a Vite project using rolldown-vite.
2. Add the following to your vite.config.js or vite.config.ts:

export default {
  build: {
    rollupOptions: {
      output: {
        manualChunks: {
          vendor: ['react', 'react-dom']
        }
      }
    }
  }
}

3. Run vite build.

System Info

System:
    OS: macOS 15.3.2
    CPU: (10) x64 Apple M2 Pro
    Memory: 205.27 MB / 32.00 GB
    Shell: 5.9 - /bin/zsh
  Binaries:
    Node: 20.17.0 - ~/.nvm/versions/node/v20.17.0/bin/node
    Yarn: 4.5.0 - ~/.nvm/versions/node/v20.17.0/bin/yarn
    npm: 10.8.2 - ~/.nvm/versions/node/v20.17.0/bin/npm
    bun: 1.1.20 - /usr/local/bin/bun
    Watchman: 2024.12.02.00 - /usr/local/bin/watchman
  Browsers:
    Safari: 18.3.1
  npmPackages:
    rolldown-vite:  6.3.0-beta.8

Used Package Manager

yarn

Logs

✗ Build failed in 390ms
error during build:
Failed validate output options.
- For the "manualChunks". Invalid key: Expected never but received "manualChunks".

Validations

• Follow our Code of Conduct
• Read the Contributing Guidelines.
• Read the docs and the Rolldown-related guide.
• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• Check that this is a concrete bug. For Q&A open a GitHub Discussion or join our Discord Chat Server.
• The provided reproduction is a minimal reproducible example of the bug.

[sangquangnguyen]

When I comment out the manualChunks option, the build works perfectly with impressive performance — amazing work, team! ⭐

[sapphi-red]

This is expected, but I forgot to write it in the list of #84 (comment).

manualChunks is not supported by rolldown and won't be supported. Instead, please use advancedChunks.

For your example, the config like below should work:

export default {
  build: {
    rollupOptions: {
      output: {
        advancedChunks: {
          groups: [{ name: 'vendor', test: /\/react(?:-dom)\// }]
        }
      }
    }
  }
}

[sangquangnguyen]

This is expected, but I forgot to write it in the list of #84 (comment).

manualChunks is not supported by rolldown and won't be supported. Instead, please use advancedChunks.

For your example, the config like below should work:

export default {
build: {
rollupOptions: {
output: {
advancedChunks: {
groups: [{ name: 'vendor', test: //react(?:-dom)// }]
}
}
}
}
}

Thanks @sapphi-red , nice to know it, thank you so much!

[TheAlexLichter]

@sapphi-red I'll also see to incorporate that into the migration guide

[cexbrayat]

As I ran into this myself, I opened a PR to add this to the rolldown guide (on the Vite repo, which i supoosed was the right place?) vitejs#20161

[TheAlexLichter]

@cexbrayat Yes, correct 👍

[Amansaxena001]

one question if we are using rolldown so why we are defining the advancedChunks in rollupoptions?

[TheAlexLichter]

@Amansaxena001 rollupOptions can be used for migration / alignment purpose but is deprecated. rolldownOptions is preferred.