Hoy estoy usando webpack 5 para un sitio web simple y me gustaría importar algunas imágenes.

Sin embargo, me encontré con un problema que pensé que sería una solución fácil, sin embargo, terminé enviando 4 horas a Google sin éxito.

Intento poner la imagen así. Pero no funciona.

 <img src="../static/test.svg" alt="">

La configuración de mi paquete web contiene esto...

 test: /\.(jpg|png|gif|svg)$/, use: [ { loader: 'file-loader', options: { outputPath: 'assets/images/', }, }, ], },

Después de las horas de buscar en Google vi a alguien decir que debo importar la foto, así que hice esto en el archivo main.js que tengo...

 import Icon from '../static/images/test.svg';

Pero por mi vida, no puedo encontrar la manera de ponerlo en la parte HTML del sitio web... alguien, por favor, ayuda. Además, no estoy usando reaccionar.