Page 39 -

loaderMap: {
svg: {
ReactComponent: '@svgr/webpack?-svgo![path]'
}
}
}
]
],
cacheDirectory: true,
cacheCompression: false,
compact: false
}
},
// CSS를 위한 처리
{
test: cssRegex,
exclude: cssModuleRegex,
// exportOnlyLocals: true 옵션을 설정해야 실제 CSS 파일을 생성하지 않습니다.
loader: require.resolve('css-loader'),
options: {
exportOnlyLocals: true
}
},
// CSS Module을 위한 처리
20
{
test: cssModuleRegex,
loader: require.resolve('css-loader'),
options: { 서버 사이드 렌더링
modules: true,
exportOnlyLocals: true,
getLocalIdent: getCSSModuleLocalIdent
}
},
// Sass를 위한 처리
{
test: sassRegex,
exclude: sassModuleRegex,
use: [
{
loader: require.resolve('css-loader'),
options: {
exportOnlyLocals: true
}
},
require.resolve('sass-loader')

549

리액트를 다루는 기술_개정판(본문)최종출력용.indb 549 2019-08-20 오전 11:03:33