Next.js 9 - CSS ModuleTypescript 적용하기

CSS Module import한 클래스이름의 타입설정

import taxStyle from '../styles/tax.module.scss'

scss파일에서 클래스 이름을 자동으로 가져오는데 타입을 어떻게 할까 궁금했던 친구들 많을 꺼야.

타입 설정파일 생성!

프로젝트 디렉토리에 global.d.ts 파일을 아래와 같이 만들어줘!

declare module "*.scss" {
    interface IClassNames {
        [className: string]: string;
    }
    const classNames: IClassNames;
    export = classNames;
}

끝! 참 쉽죠?

오늘은 요기꽈쥐!