Build multiple UMD files from multiple entries

[ruofee]

Clear and concise description of the problem

I cannot build multiple umd files from multiple entries.

For example:

// vite.config.ts
import { defineConfig } from 'vite'
const { resolve } = require('path')

export default defineConfig({
  build: {
    rollupOptions: {
      input: {
        background: resolve(__dirname, 'src/extension/background.ts'),
        content: resolve(__dirname, 'src/extension/content.ts')
      },
      output: {
        format: 'umd'
      }
    }
  }
})

When I run vite build, it reports a error:

Invalid value "umd" for option "output.format" - UMD and IIFE output formats are not supported for code-splitting builds.

Suggested solution

I can run vite several times to fix it, but I think there's a better solution: rollup/rollup#2935

Alternative

No response

Additional context

No response

Validations

• Follow our Code of Conduct
• Read the Contributing Guidelines.
• Read the docs.
• Check that there isn't already an issue that request the same feature to avoid creating a duplicate.

[bluwy]

Is this for library mode? There's #7047 to achieve it. Otherwise you can try to set output.inlineDynamicImports: true to fix this (I think). It also seems like you're building a browser extension. Perhaps you can reference https://github.com/antfu/vitesse-webext

[ruofee]

Is this for library mode? There's #7047 to achieve it. Otherwise you can try to set output.inlineDynamicImports: true to fix this (I think). It also seems like you're building a browser extension. Perhaps you can reference https://github.com/antfu/vitesse-webext

This PR is what I want!

Setting output.inlineDynamicImports does not fix the problem. But i will reference vitesse-webext. It's like a solution that runs vite several times.

Thank you!