Config option or plugin hooks for dependency pre-bundling

[guoyunhe]

Description

I have made a plugin, which converts, for example:

import { Button } from 'my-package';

to:

import { Button } from 'my-package';
import 'my-package/es/style';

Vite's dependency bundling can only bundle the main js of a package. Here is no way to tell Vite to pre-bundle extra stuff, like styles.

Suggested solution

Provide a hook to pre-bundle extra scripts/styles.

For example:

function plugin () {
  return {
    preBundleExtra: (pkgName) => {
      if (pkgName.startsWith('@myorg/')) {
        return [pkgName + '/es/style', pkgName + '/es/polyfill', ];
      } else {
        return [];
      }
    }
  }
}

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.

[sapphi-red]

You can use the config hook to edit optimizeDeps.include.

Note that CSS pre-bundling is not supported: #7719