1
resposta

[Dúvida] Diferença nos caminhos para import de arquivo e imagem

Olá.

Neste vídeo, foi mostrado como importar um arquivo SCSS para outro arquivo SCSS, bem como passar o caminho de uma imagem para a propriedade background-image.

No entanto, não entendi o seguinte: por que no import do arquivo _variaveis.scss o caminho não começou com barra (/), mas no url da propriedade CSS background-image foi preciso iniciar o caminho com barra? Segue o exemplo:

 // aqui o caminho não inicia com barra
@import 'styles/variaveis';

.header {
    // aqui o caminho precisa iniciar com barra
    background-image: url('/assets/cardapio/header.png');
}

Tanto a pasta styles quanto assets estão no mesmo nível de hierarquia, sendo ambas subpastas de src. E meu tsconfig.json está configurado com o absolute imports para que o baseUrl seja src.

Obrigado.

1 resposta

É uma boa pergunta, eu não sei o real motivo mas acredito que seja pelo fato daquela maneira de importar imagens dinamicamente e estaticamente, o certo para imports acredito que seja o que está acontecendo com o import do styles, sem o /, mas acredito que por está importando imagens tenha que colocar o "/". e ter aquele fato de ter que passar para o build e tal