Config callback to define if asset should be inlined or not

[freakzlike]

Description

As a developer using Vite I want to specify whether an asset should be inlined or not. In my use case I have a internal icon library with SVG files with fragments. This library is build in library mode with Vite.

I think there might be more use cases where specifc files/file types should be inlined or not.

I can submit a PR if you want.

Suggested solution

In module vite/src/node/plugins/asset.ts we could add a config callback, so that the developer can specify per file if this should be inlined or not.

Example:
vite.config.ts

export default defineConfig({
  build: {
    assetsInline: (file, id, content) => file.endsWith('.png')
  },
})

vite/src/node/plugins/asset.ts

if (shouldInline == null && config.build.assetsInline) {
  shouldInline = config.build.assetsInline(file, id content)
}

vite/packages/vite/src/node/plugins/asset.ts

Lines 347 to 355 in b1a6c84

	if (shouldInline == null) {
	shouldInline =
	!!config.build.lib ||
	// Don't inline SVG with fragments, as they are meant to be reused
	(!(file.endsWith('.svg') && id.includes('#')) &&
	!file.endsWith('.html') &&
	content.length < Number(config.build.assetsInlineLimit) &&
	!isGitLfsPlaceholder(content))
	}

Add some later stage, this could be merged into one config together with assetsInclude

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]

I think this is a duplicate of #2173, we keep assets inlining config feature requests there.