vite-plugin-gltf怎么使用

vite-plugin-gltf是一个Vite插件，可以将GLTF格式的3D模型文件直接导入到你的JavaScript或TypeScript代码中。使用vite-plugin-gltf非常简单，你只需要按照以下步骤进行操作即可：

1. 安装vite-plugin-gltf依赖：

npm install vite-plugin-gltf --save-dev

2. 在vite.config.js中配置vite-plugin-gltf插件：

import { defineConfig } from 'vite';
import gltf from 'vite-plugin-gltf';

export default defineConfig({
  plugins: [
    gltf()
  ]
});

3. 在你的代码中导入GLTF文件：

import model from './path/to/your/model.gltf';

这样，你就可以在你的代码中使用model变量来操作你导入的GLTF文件了。需要注意的是，vite-plugin-gltf默认使用了three.js来加载GLTF文件，因此在使用之前需要先安装three.js依赖：

npm install three --save

另外，如果你需要使用GLTF文件中包含的纹理贴图等资源，你需要引入three.js的相应模块并手动加载这些资源。具体操作可以参考three.js的文档。