본문 바로가기

Frontend/리액트 React

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

'Frontend > 리액트 React' 카테고리의 다른 글

Node.js 설치하기  (0) 2020.10.16
rfce  (0) 2020.10.16
JSX, Babel  (0) 2020.10.14
Intellij react, sass, yarn 설치  (0) 2020.10.06
리액트 시작 VS Code, Nodejs, Yarn 설치  (0) 2020.10.05