프론트엔드 정복하기
React에서 SCSS 사용하는 법 본문
SCSS V2가 릴리즈되면서 사용법이 매우 편리해졌다.
(이전에는 sass-loader를 추가하는 등 복잡했음)
1) node-sass를 설치해주고,
npm i node-sass
2) .scss 확장자를 가진 파일을 만들어 주고
AnyName.scss
3) AnyName.js파일에 AnyName.scss 파일을 import 해준다.
import './AnyName.scss'
'CSS > CSS 전처리기' 카테고리의 다른 글
| SCSS 기법(중첩, 믹스인, 선택자상속, 조건문) (0) | 2020.10.08 |
|---|---|
| LESS 기법(네스기법, Mixin, escape, scope) (0) | 2020.10.08 |
| SASS, SCSS, LESS 비교(기본) (0) | 2020.10.08 |