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模型。

 

posted @ 2022-08-18 22:05  VTech_kevin  阅读(524)  评论(0编辑  收藏  举报