Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

storybook 개발 환경 개선 건의 #3

Open
mu-hun opened this issue May 9, 2022 · 1 comment
Open

storybook 개발 환경 개선 건의 #3

mu-hun opened this issue May 9, 2022 · 1 comment

Comments

@mu-hun
Copy link
Contributor

mu-hun commented May 9, 2022

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

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

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

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

❯ ls src/components  
Button.tsx                Button.stories.tsx             Collapse.tsx              Collapse..stories.tsx  // (생략)
@shiftpsh
Copy link
Member

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants