[React] Webpack CSS 설정 추가하기

작업하려는 jsx 파일에 css파일을 import 해놓고

 

빌드할때 에러가 발생한다.

 

Webpack에서 css loader 추가를 해줘야 한다고 한다.

 

설치해보고 설정해보자 

 

.jsx 파일에 .css파일을 import해준다.

 

npm i -D css-loader style-loader

 

webpack.config.js

 

rules: [

			{
				test: /\.(s*)css$/,
				use: [
				  'style-loader',
				  'css-loader',
				  'sass-loader'
				]
			}

 

use 순서가 중요하므로 저렇게 작성해주고 빌드해주면 Bootstrap CSS 에라가 나지 않는다.