storybook 개발 환경 개선 건의

[mu-hun]

현재 빌드를 위해 두가지의 절차를 거치는게 번거롭게 느껴졌습니다:

1. 루트 경로에서 microbundle 커맨드를 실행
2. example 경로로 이동해서 start-storybook 을 실행

개발 환경에서는 프로덕션 빌드를 건너 뛰고 바로 스토리북 개발 서버를 실행하는 사용하는 프로젝트 구조를 사용하면 어떨까요..?

아래와 같이 컴포넌트와 스토리 컴포넌트를 같은 경로에 두면 스토리북 개발 서버에서 개발 중인 컴포넌트의 빌드를 위임을 할 수 있습니다!

❯ ls src/components  
Button.tsx                Button.stories.tsx             Collapse.tsx              Collapse..stories.tsx  // (생략)

[shiftpsh]

이게 create-react-library가 자동으로 구성해 준 환경이라 음 그렇군 하고 쓰고 있었는데 이런 구조도 가능하군요.. 번들이 잘 되는지 테스트해볼 수 있다는 점이 있었는데 이건 이제 번들러 구성이 안정화되어서 잘 된다는 걸 믿을 수 있을 것 같고, 딱히 ./example 안에 있는 React 앱을 사용하진 않을 거 같기도 하니 구조 변경하는 것을 고려해보겠습니다.