Depois que eu criei a pasta /dist/ e movi as pastas /imagens/ e /sons/ e o arquivo styles.css e index.html, para apasta /dist/ , *ao executar o projeto no live server, no browser, ao depurar (F12), constatei que não encontrava nenhuma imagem ou arquivo mp3/wav.
Para corrigir, tive que editar o arquivo index.html e alterar os caminhos: de /imagens para ./imagens de /sons para ./sons
É isso mesmo? Essa é a melhor maneira de lidar com isso? Por que isso aconteceu?
Olá, Cleyton, como vai?
O que você fez está correto. Quando você moveu os arquivos para a pasta /dist, os caminhos relativos no index.html precisaram ser ajustados para refletir a nova estrutura de diretórios. O uso de ./ antes dos caminhos indica que as pastas imagens e sons estão no mesmo diretório que o index.html. Isso acontece porque o navegador tenta carregar os recursos com base no caminho relativo ao arquivo HTML.
Por exemplo, se o caminho original era /imagens/logo.png, o navegador tentaria buscar a imagem na raiz do servidor, e não dentro da pasta /dist. Ao mudar para ./imagens/logo.png, você está dizendo ao navegador para procurar a imagem dentro da pasta imagens, que está no mesmo diretório que o index.html.
Essa é a maneira mais comum de lidar com esse tipo de situação em projetos onde a estrutura de pastas é reorganizada. Se tiver mais dúvidas, o fórum está à disposição.
Espero ter ajudado!
Siga firme nos seus estudos e conte com o fórum sempre que precisar.
Abraços :)