lwc storybooks poc

LWC-StoryBooks-POC

LWC Storybook POC는 Lightning 웹 구성 요소 및 스토리 북의 통합입니다. Storybook과 같은 오픈 소스 프로젝트에서 기본 경쟁사 복구를 어떻게 사용할 수 있는지 보여줍니다. 기본 구성 요소는 번개 설계 시스템을 구현하며 번개 웹 구성 요소를 사용하여 개발됩니다.

시작하기

프로젝트를 현지에서 실행하여 스토리 북에서 기본 경쟁사 복구가 어떻게 사용되는지 살펴보십시오.

1. 레포를 복제하십시오.

$ git clone [email protected]:reiniergs/lwc-storybooks-poc.git
$ cd lwc-storybooks-poc

2. 종속성을 설치하십시오.

$ yarn install

3. 로컬 빌드를 실행하십시오. 이 단계는 웹 브라우저를 열고 http : // localhost : 6006/로 탐색합니다.

$ yarn storybook

기본 구성 요소를 배포하기위한 지침

자체 프로젝트에 기본 구성 요소를 배포하려면 다음 지침을 따르십시오.

종속성을 설치하십시오

• ClassNames 버전 2.2.6
• 번개 디자인 시스템 버전 2.11.0-Beta.1
• LWC 웹 팩 플러그인 버전 0.3.0
• LWC 컴파일러 버전 1.0.0
• LWC 엔진 버전 1.0.0

기본 구성 요소를 구현하십시오

• 기본 구성 요소는 src/c 폴더에 속합니다. 프로젝트에 필요한 구성 요소 폴더를 복제하십시오. 예를 들어, 배지 폴더를 src/c/badge 로 복제하십시오. .js-meta.xml 구성 파일이 필요하지 않습니다.
• 구성 요소 폴더에 CSS 파일을 추가하십시오 (예 : src/c/badge/badge.css . @import "@salesforce/slds/legacy"; CSS 파일에서.
• <c-badge label="Default"></c-badge> 구문으로 프로젝트의 기본 구성 요소를 사용하십시오.

기여

LWC 스토리 북 POC에 관심을 가져 주셔서 감사합니다! 기본 구성 요소를 기여하는 지침을 참조하십시오.