scss로 변수 보내고 scss에서 변수 사용하기

1. 웹팩 설정에서 변수를 설정해준다.

...,
{
    loader: 'sass-loader',

    options: {
      prependData: '$imagePath: "https://t1.daumcdn.net/liveboard/kidsnote/";',
    },
  }

 

2. scss에서 사용한다.

background: url(#{$imagePath}/예쁜내얼굴.png) no-repeat left bottom;