GUJ Discussões   :   últimos tópicos   |   categorias   |   GUJ Respostas

Problema para carregar imagens de um template HTML com Webpack

Tags: #<Tag:0x00007fa002cee060>

Oi, gente, preciso de uma ajuda com o webpack. Eu estou tentando gerar um pasta que contenha as imagens usadas no projeto. Essa pasta se chamará imgs e será disposta dentro da pasta dist juntamente com o bundle.js e o index.html

Bom, para gerar o diretório imgs baixei em configurei os loaders html-loader e file-loader. A atual configuração dos arquivos webpack ficou assim:


Porém, após executar o script para gerar a pasta dist ele está criando alguns arquivos extras fora do diretório imgs

image
Além disso os atributos src da tags do arquivo index.html referenciam os arquivos sobressalentes.

Obs: Cheguei a essa configuração do webpack seguindo esse vídeo do Colt Steele https://www.youtube.com/watch?v=mnS_1lolc44&list=PLblA84xge2_zwxh3XJqy6UVxS60YdusY8&index=8

//