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.