SCSS

scss 설정

npm install node-sass

이것만 해주고 css파일 -> scss 확장자로 바꿔주기

import './index.scss

끝!

global variable 설정

variable.scss 생성

@mixin flex-set {
display: flex;
justify-content: center;
align-items: center;
}

index.scss에서 사용

@import 'src/variable.scss'
.name {
@include flex-set;
}

react에서 scss 변수 가져오기

declaration.d.ts 만들고

declare module '*.scss;