Webpack에서 SASS사용

SCSS 를 사용하려면 확장자를 .scss로 하면 되지만, 웹팩에 scss에 관한 로더를 설정해주지 않으면,

웹팩을 css만 처리할뿐 scss는 처리하지 못한다. 

따라서 scss 로더를 설치를 해주고 설정을 해줘야 한다.

설치

#> yarn add node-sass sass-loader

webpack.config.js

test: /\.css$/ => test: /\.(css|scss)$/, 변경해주고

{    loader:require.resolve('sass-loader'),    options:{        sourceMap: true,    }}    => 다음과 같이 로더를 추가해준다