Vite 导入 glb 文件

Vite 导入 glb 文件

由于glb文件是二进制文件，所以需要在vite.config.js中配置assetsInclude选项，来指定需要解析的资源。

defineConfig({
    base: process.env.VITE_BASE_URL,
    assetsInclude: ['**/*.glb'],

然后导入glb文件。

import glb from 'xxx.glb

之后加载glb文件。

const loader = new GLTFLoader()
loader.load(
   glb,
    (gltf) => {
        const scene = gltf.scene
        scene.scale.set(0.01, 0.01, 0.01)
        scene.position.set(0, 0, 0)
        scene.rotation.set(0, 0, 0)
    })

注意 ts 类型定义文件。

declare module '*.glb' {
  const src: string
  export default src
}

这样就可以在vite中使用glb文件了。