Storybook에서 global style 적용하기

mechaniccoder·2021년 8월 14일
1

이번에 진행하기 될 프로젝트의 초기세팅을 하던 중에 storybook의 스타일과 어플리케이션의 스타일이 일치하지 않았던 문제가 있었습니다.

이렇게 되면 storybook으로 컴포넌트를 개발하더라도 실제 앱에서 사용할때 다른 스타일이 적용되기 때문에 치명적인 문제였죠.

원인은 앱에서의 global스타일을 storybook에서 설정해주지 않았기 때문입니다. storybook에서 global style을 적용하기 위해서는 아래와 같이 css파일을 import 해줍니다.

.storybook/preview.js

import 'globalStyle.css';
//...
profile
세계 최고 수준을 향해 달려가는 개발자입니다.

0개의 댓글