umi框架配置loader加载glb模型
项目需要,第一次使用umi框架,加载glb模型一直失败,
创建新的react项目测试加载模型,完全没问题。
那问题就出在umi的配置上了,翻遍网络只有一位博主写到过如何配置loader加载glb文件:
https://blog.csdn.net/qq_40593656/article/details/118340181
奈何水平有限,抄下来后仍不能解决问题。
继续寻找,测试,最终使用如下方法解决:
在umi的配置文件 .umirc.ts中添加如下代码
chainWebpack:(config) =>{ config.module .rule('glb') .test(/\.(glb|gltf)$/) .use('file-loader') .loader(require.resolve('file-loader')) .options({ name: 'static/[name].[hash:8].[hvm]', esModule: false, }) .end(); },
当然,要使用npm 安装 file-loader模块。
重新编译项目,成功加载了glb模型。