이제 프로젝트 디렉터리에 config라는 디렉터리가 생성되었을 것입니다. 그 디렉터리 안에 들어 있는 webpack.config.js를 열어 보세요.

그 파일에서 "sassRegex"라는 키워드를 찾아 보세요(Command+F, Windows의 경우 Ctrl+F). 두 번째 탐색 결과에서 다음과 같은 코드가 나타날 것입니다.

webpack.config.js - sassRegex 찾기

{
  test: sassRegex,
  exclude: sassModuleRegex,
  use: getStyleLoaders(
    {
      importLoaders: 2,
      sourceMap: isEnvProduction && shouldUseSourceMap,
    },
    'sass-loader'
  ),
  sideEffects: true,
},

---

 

여기서 use:에 있는 'sass-loader' 부분을 지우고, 뒷부분에 concat을 통해 커스터마이징된 sass-loader 설정을 넣어 주세요.

{
  test: sassRegex,
  exclude: sassModuleRegex,
  use: getStyleLoaders({
    importLoaders: 2,
    sourceMap: isEnvProduction && shouldUseSourceMap
}).concat({
    loader: require.resolve('sass-loader'),
    options: {
      includePaths: [paths.appSrc + '/styles'],
      sourceMap: isEnvProduction && shouldUseSourceMap,}
}),
sideEffects: true
},