[002] 리액트, 타입스크립트, Webpack, Babel - CSS 설정
2023. 3. 3. 15:46ㆍ프론트엔드개발/React & Typescript & Webpack
반응형
안녕하세요~ totally 개발자입니다.
style-loader, css-loader
이 2개를 설정해서 CSS 파일을 사용해보도록 하겠습니다.
Step 1: 터미널에 다음을 입력해줍니다.
Step 2: webpack.config.js 파일을 열어서 다음 내용을 추가해줍니다.
Step 3: src 폴더 내에 styles.css 파일을 생성하고 다음처럼 넣어줍니다.
Step 4: import './styles.css'; 해주면 됩니다.
Step 5: yarn start로 테스트해서 되는 지 확인합니다.
반응형
'프론트엔드개발 > React & Typescript & Webpack' 카테고리의 다른 글
| [006] 리액트, 타입스크립트, Webpack, Babel - Eslint (0) | 2023.03.07 |
|---|---|
| [005] 리액트, 타입스크립트, Webpack, Babel - Webpack Hot Module Replacement 구현하기 (0) | 2023.03.05 |
| [004] 리액트, 타입스크립트, Webpack, Babel - Development, Production 모드 설정하기 (0) | 2023.03.04 |
| [003] 리액트, 타입스크립트, Webpack, Babel - 이미지 삽입 설정 (0) | 2023.03.03 |
| [001] 리액트, 타입스크립트, Webpack, Babel - 초기 설정 (0) | 2023.03.03 |