cannot add new plugins in options hooks on dev mode

Describe the bug

I want to add another plugin inside the plugin, for example:

export default defineConfig({
  plugins: [
    {
      name: 'test',
      options(opt) {
        opt.plugins ||= [];
        opt.plugins.push(newPlugin);
      },
    },
  ],
});

But it only works on build mode and cannot work on dev mode.

Reproduction

https://stackblitz.com/edit/vitejs-vite-46eqxv?file=vite.config.js&terminal=dev

Expect: Hello Vue!, actual: Hello Vite! (pnpm run dev)

System Info

N/A

Used Package Manager

npm

Logs

No response

Validations

• Follow our Code of Conduct
• Read the Contributing Guidelines.
• Read the docs.
• Check that there isn’t already an issue that reports the same bug to avoid creating a duplicate.
• Make sure this is a Vite issue and not a framework-specific issue. For example, if it’s a Vue SFC related bug, it should likely be reported to vuejs/core instead.
• 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.

[bluwy]

Vite also does in that a plugin can return an array of plugins. It’s definitely something we can try to explore, but my concern would be if I’d make the order confusing or has caveats.

[PPetau]

As stated in the documentation the pluginlist is already resolved when the config hook is called.

You could create your own plugin factory returning an array of plugins:

function testPlugin() {
  return [
    {
      name: "test1",
    },
    {
      name: "test2",
    },
  ];
}