sass-loader 설정시 에러(작성중)

리액트를 다루는 기술

책을 따라하면서 에러나는 부분이 있어서 포스팅을 남긴다.

create-react-app v2가 작년 9월말 10월초에 업데이트 되면서

기존에 책으로 나왔던 부분들이 달라져서 에러가 났다.

https://velog.io/@velopert/react-component-styling

Header.scss

에서 @import 'utils';

부분에서 webpack.config.js에서 sass파일설정부분이 바뀌었다.

{

test: sassRegex,

exclude: sassModuleRegex,

use: getStyleLoaders(

{

importLoaders: 2,

sourceMap: isEnvProduction && shouldUseSourceMap,

},

'sass-loader'

).concat({

loader:require.resolve('sass-loader'),

options: {

includePaths: [paths.appSrc + '/styles'],

sourceMap: isEnvProduction && shouldUseSourceMap,

}

}),

concat부분을 추가해주면 해결된다.

저부분 없이 하려면 ../../../등 상대경로를 쭈욱~ 나열해주면 해결되긴 한다.