preonboarding

프리온보딩 프론트엔드 챌린지 6월

개발환경

• PNPM
• React
• Styled

Installation

$ npm i preonboarding

$ yarn i preonboarding

$ pnpm i preonboarding

Usage

• Storybook Link

Serving the app

import { Button } from 'preonboarding'

const App = () => {
    return (
        <Button label="hello" />
    )
}

참고

1. 라이브러리로 사용될 저장소 생성
2. npm 환경 초기화
3. 스토리북 설치(pnpm, vite, react)
4. styled 설치 -> 바닐라 익스트랙트는 타입스크립트가 필요해서
5. 불필요한 스토리북 파일제거
6. 스토리북 디렉터리 경로 수정 후 config 반영
7. 번들러 설치 (rollup)
8. 진입점 설정
9. esbuild 설치 (바벨쓰고 웹팩쓰면, 서로를 모르기때문에 윤활유 같은 역할이 필요함);
10. rollup-plugin-esbuild 설치 (윤활유)
11. peerDependencies 넣어줌 -> 도와주는 플러그인을 또 설치 해야한다.(deprecate)
    1. external 설정으로 가능함.
12. ESM, CJS output 설정 변경
13. npm 로그인 & npm 패키지명 중복확인
14. npm publish