본문 바로가기

Programming/FE Tooling

Webpack5 기반 프로젝트에 Storybook 설정하기

Storybook6.2 버전부터는 Webpack5를 지원한다.

기존 방법과 달리 --builder 아규먼트를 추가하여 실행해야 한다. 

 

 

ㅇ Storybook 신규 설치 

$ npx sb@next init --builder webpack5

 

ㅇ Storybook 6.2가 설치되어 있는 경우  

$ npm i -D @storybook/manager-webpack5@next

 

 

* 추가 자료 

 - https://storybook.js.org/blog/storybook-for-webpack-5

 - https://gist.github.com/shilman/8856ea1786dcd247139b47b270912324