Unable to control which assets are inlined when build.lib is set

[vndre]

Describe the bug

Is there a reason with assets are forced to be inlined when build.lib is configured?

I'm currently developing a React component library and 99% of assets are simple svg icons so inlining them seems ok but I got a component that imports a (relative big) JPG image. It is a component that is going to be rendered only under specific circumstances so inlining the converted base64 string doesn't make much sense for the rest of the code, and also the fact the base64 is not an "optimized" format and the final transform is actually bigger than the actual file:

original file size: 50 KB
inline base64 string: 67.53 KB

I know this example is just a few KB of difference but the more inline assets the bigger (and noisy) the build will be.

Could be there an option to force an asset to be always external? like import assetUrl from './asset.xx?no-inline'?

Reproduction

https://stackblitz.com/edit/vitejs-vite-z4eivh?file=main.js&terminal=dev

System Info

Binaries:
    Node: 17.4.0 - ~/n/bin/node
    Yarn: 3.2.0 - ~/n/bin/yarn
    npm: 8.3.1 - ~/n/bin/npm

Used Package Manager

pnpm

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 https://github.com/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.

[sapphi-red]

I think this issue is a duplicate of #4454 or #3295.