vite加载静态资源资源和特殊资源后缀

其它资源
Vite 也对下面几类格式提供了内置的支持:
媒体类文件：包括 mp4 、 webm 、 ogg 、 mp3 、 wav 、 flac 和 aac 。
字体类文件：包括 woff 、 woff2 、 eot 、 ttf 和 otf 。
文本类：包括 webmanifest 、 pdf 和 txt 。
你可以在 Vite 将这些类型的文件当做一个 ES 模块来导入使用。如果你的项目中还存在其它格式的静态资源，你可以通过 assetsInclude 配置让 Vite 来支持加载:

// vite.config.ts 
{ 
 assetsInclude: ['.gltf'] 
}

特殊资源后缀
Vite 中引入静态资源时，也支持在路径最后加上一些特殊的 query 后缀，包括:
?url : 表示获取资源的路径，这在只想获取文件路径而不是内容的场景将会很有用。
?raw : 表示获取资源的字符串内容，如果你只想拿到资源的原始内容，可以使用这个表示获取资源的字符串内容，如果你只想拿到资源的原始内容，可以使用这个
后缀。
?inline : 表示资源强制内联，而不是打包成单独的文件。

例如：以字符串的形式获取资源文件的原始内容

// example.js
const start = () => {
  let count = 0;
  setInterval(() => {
    // 给主线程传值
    postMessage(++count);
  }, 2000);
};

start();

<template>
  <div></div>
</template>

<script setup lang="ts">
import example from "./components/Header/example?raw";
console.log(example);
</script>