Add WebVTT (.vtt) format to build-in assets type list

[otomad]

Description

WebVTT is the official subtitles and captions format for media, it's very useful to support it to import as a resolved URL. And it's widely used in all browsers.

<video controls>
    <source src="assets/video.mp4" type="video/mp4" />
    <track kind="subtitles" src="assets/subtitles.vtt" srclang="en" />
</video>

Suggested solution

Add "vtt" type in

vite/packages/vite/src/node/constants.ts

Lines 98 to 133 in b44c493

	export const KNOWN_ASSET_TYPES = [
	// images
	'apng',
	'png',
	'jpe?g',
	'jfif',
	'pjpeg',
	'pjp',
	'gif',
	'svg',
	'ico',
	'webp',
	'avif',
	// media
	'mp4',
	'webm',
	'ogg',
	'mp3',
	'wav',
	'flac',
	'aac',
	'opus',
	'mov',
	// fonts
	'woff2?',
	'eot',
	'ttf',
	'otf',
	// other
	'webmanifest',
	'pdf',
	'txt',
	]

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]

Feel free to contribute this feature. The changes are similar to this: #15189

[thumbsu]

@bluwy Can I try it?

[bluwy]

Sure. Go ahead!

[2-NOW]

I finished work and get a PR :D @bluwy
#15538

[thumbsu]

I finished work and get a PR :D @bluwy #15538

Oh, I guess I should have acted faster than I said. LOL.

[bluwy]

Thanks for the quick contributions y'all 😅