npm에 스토리북 구성 요소 게시
스토리북 및 라이브러리 설정
ng new my-workspace --create-application=false
cd my-workspace
ng generate library storybook-library
다음을 실행하여 스토리북 설치를 실행합니다.
npx sb init
그러면 스토리북, 필수 종속성이 설치되고 스크립트가 업데이트됩니다.
게시 구성
패키지를 개인 또는 공개 저장소에 게시하려는 경우 사용할 저장소의 레지스트리 URL을 포함하도록 구성을 약간 변경해야 합니다.
올바른 package.json에 구성을 추가하는 것이 중요합니다. 이제 두 개의 package.json 파일이 작업 영역의 루트에 있고 다른 하나는 프로젝트 폴더에 있습니다.
"publishConfig": {
"registry": "http://myprivaterepo.com/repository/private/"
}
공개 npm 리포지토리를 사용하는 경우 계정이 없으면 만들고 계정을 만들어야 할 수 있습니다. 또한 npm login 명령을 사용하여 로그인해야 합니다. 그런 다음 빌드 디렉토리에서 npm publish를 사용하여 패키지를 게시할 수 있습니다.
npm run build
이것은 프로젝트를 빌드하고 최종 내용을 다음과 유사한 디렉토리에 넣습니다.
dist / yourProjectName
이제 이 디렉토리에서 npm publish를 실행하여 패키지를 게시할 수 있습니다.
Reference
이 문제에 관하여(npm에 스토리북 구성 요소 게시), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/shahnshahmalik/publish-your-storybook-components-on-npm-17pd텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)