texture = new THREE.TextureLoader().load()引入纹理，图片应该放在vue脚手架中的哪块

Question

1，我在vue-cli中引入threejs，想用本地图片作为贴图纹理，可是texture获取的一直不对，texture.image一直为underfine，这个路径应该怎么写呢？### 问题描述

我在mounted中写threejs的代码，创建了一个正方体模型，由于读不到图片，正方体一直被渲染成纯黑色。

Answer 1

static

Answer 2

var texture = new THREE.TextureLoader().load(require('../../static/img/grass.jpg'));
用require的方式

Answer 3

new THREE.TextureLoader().load('../../../static/img/dog.jpeg', texture => {
    mesh.material = new THREE.MeshBasicMaterial({map: texture});
    renderer.clear();
    renderer.render(scene, camera);
});

图片放到static文件夹下，效果如下图。