How to require a file from the public folder?

Question

Vue.js

Hello, to add some file from src, I can use for example require(`./assets/items/${name}.png`);
But how can I use a file from the public folder ...

Answer 1

requiredoes not "take pictures from a folder", requireprocesses pictures loader'omand returns the result. A static result that gets into the bundle. - does not mean "take a picture by name from the folder at runtime ", it means " at compile time, take all the pictures with a mask , process them, get a static link for each , and put them in the bundle". by default, small pictures are turned into strings, and large ones are transferred to a folder and renamed with a hash, returning the path. But this is by default, and so they are able to do a lot of all sorts of magic. Essence:
require(`./img/${name}.png`);nameimg './img/*.png',loader'ом
loader'ыdata:uriimgs
you will not pick up new pictures that were not there during the assembly.
But this is not necessary, the pictures in the folder are publiccopied to the resulting folder as they are and are available /name.pngwithout require, just through the usual htmland css.