Sass loader사용

#Sass loader사용

새로 생긴 config디렉토리의 webpack.config.js에서 sassRegex있는 곳 찾아서 'sass loader' 지우고 아래와 같이작성

 

{
test: sassRegex,
exclude: sassModuleRegex,
use: getStyleLoaders(
{
importLoaders: 3,
sourceMap: isEnvProduction && shouldUseSourceMap,
},
).concat({
loader: require.resolve('sass-loader'),
options: {
includePaths: [paths.appSrc + '/style_dir'],
sourceMap: isEnvProduction && shouldUseSourceMap,
data: `@import 'utils';`
}
}),

 

#  '~include-......' does not work

@import '~include-media/dist/include-media'

@import '~open-color/open-color'

 

터미널에서 설치

npm add open-color include-media