Notice
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 | 31 |
Tags
- 리액트
- Project
- 문자열 대소문자 구별
- react native 세팅
- babel.config.js
- 문자열 대소문자
- img upload
- Access Key 생성
- PongWorld
- js
- fire base
- aws bucket 정책
- react native 개발
- 리엑트 네이티브 아이콘
- AWS Access Key
- React
- 백준
- react native
- AWS
- GIT
- react native CLI
- firebase 라이브러리
- 리액트 네이티브 에러
- Next.js
- s3 upload
- react native picker
- 에러
- react native font
- error
- 리액트 네이티브
Archives
- Today
- Total
목록배포 (1)
밝을희 클태
리액트 컴포넌트 NPM 배포하기
폴더 구조우선 폴더 구조부터 보면 lib 폴더 내에서 배포할 컴포넌트를 작업해준다. 이렇게 하는 이유는 명확한 분리: 배포할 컴포넌트를 다른 코드와 명확히 분리함으로써, 컴포넌트 개발 및 유지보수가 용이해진다.재사용성: lib 폴더 내의 컴포넌트는 독립적으로 설계되기 때문에 다른 프로젝트에서도 쉽게 가져다 사용할 수 있다.테스트 용이성: lib 폴더 안의 컴포넌트를 따로 테스트할 수 있어서 전체 프로젝트를 테스트하기가 더 쉬워진다.배포 편의성: lib 폴더 내의 컴포넌트는 쉽게 빌드하고 배포할 수 있다. tsconfig.json 파일에서 outDir 설정을 통해 lib 폴더 내의 코드만을 빌드 대상에 포함시키면, 불필요한 파일이 포함되지 않도록 할 수 있다. TypeScript타입스크립트로 작성된 코드는..
npm
2024. 5. 20. 15:25