框架gltf加载程序未识别我的资产 vue+webpack+aframe启动良好

嗨！我试图使用vuejs构建一个包含gltf模型的场景

我的项目是使用vue cli和网页包模板设置的

对于基本设置，如您所见，它按预期工作

这是不愉快的部分。 对于默认设置，webpack不允许我需要gltf/glb文件。 因此，我安装并使用文件加载器将其烘焙到静态

这是我在webpack.config.js中更改的部分

{
        test: /\.(glb)(\?.*)?$/,
        use: [{
          loader: 'file-loader',
          options: {}
        }]
},

在.vue文件中，我使用vue动态加载它

  data () {
    return {
      img: require('../assets/NormalTangentTest.glb')
    }
  }

最后，对于html，我使用了from的语法，并使用v:bind将src绑定到本地资产

<a-scene>
  <a-assets>
    <a-asset-item id="tree" :src="img')"></a-asset-item>
  </a-assets>
  <a-entity gltf-model="#tree"></a-entity>
</a-scene>

gltf文件确实已烘焙和加载。
但在控制台上，它说找不到资产



问题:

如何让webpack打包正确的文件

有没有更好的方法来加载gltf，它取决于文件加载器的纹理

对于vue/webpack设置，在框架中处理资产管理的最佳方法是什么

我应该用nginx托管静态文件，还是使用绝对路径链接我放置gltf文件的文件夹

谢谢您的耐心。
您需要先删除GLTF文件

我有一个稍微详细一点的过程，每个步骤都会经过，但这将允许打包文件。
我可以通过将文件放入静态文件夹来解决这个问题，但这将阻止webpack选择唯一需要的文件。