Hello! How can I add files (such as .png, .obj (3d model)) in webpack and use their paths in code? A...

# javascript

[Nikolai Sviridov]

Hello! How can I add files (such as .png, .obj (3d model)) in webpack and use their paths in code? As reference, I use this project without any changes to config. In local experiments, I start a local server and get files by paths ""

http://127.0.0.1:5500/my_file.png▾

". Is there a similar way?

[turansky]

Do you want to embed files inside js script?

[turansky]

Or you want to have static assets?

[Nikolai Sviridov]

In js it looks like this.

const textureLoader = new THREE.TextureLoader();
const blocksBaseColor = textureLoader.load("<http://127.0.0.1:5500/textures/blocks-basecolor.jpg>");

In documentation load receives url — the path or URL to the file. This can also be a Data URI.

[turansky]

Move you files to src/main/resources

[turansky]

This folder will be copied to distribution

[Nikolai Sviridov]

Thx! Will check this out