| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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 |
Tags
- frontend
- 오블완
- 아키텍처
- 리팩토링
- vite
- 프론트엔드
- react
- 리액트
- AI
- context.api
- MFA
- TypeScript
- provider 패턴
- Webworker
- CustomHook
- 에세이
- 클린코드
- Function Region
- 이것저것
- JavaScript
- Web
- sharedworker
- CRA
- 티스토리챌린지
- 자바스크립트
- 접근성
- 회고
- MicroFrontEnd
- Aria
- 웹워커
Archives
- Today
- Total
목록library (1)
Lighthouse of FE beginner
[React] Vite 라이브러리 모드 셋팅하기
OverviewVite는 웹 애플리케이션을 빠르게 만들수 있도록 도와주는 프론트엔드 개발 툴 입니다. 내부적으로 ESM을 사용하며 ESBuild를 활용해 디펜던시를 빠르게 사전 번들링을 수행하고, rollUp을 사용해 빌드를 효율적으로 진행합니다. 오늘 포스팅에서는 Vite 템플릿을 활용해 라이브러리를 제작할 수 있도록 초기 셋팅 진행 과정을 소개해드리겠습니다.아래 과정을 천천히 따라와주세요!https://ko.vitejs.dev/guide/build.html#library-mode 환경 구축먼저 Vite 환경을 구축해주세요. 환경 구축은 일반적인 Vite 템플릿 생성 과정과 동일합니다.pnpm create vite my-react-lib --template react-ts 라이브러리를 구축하며 Stor..
[WEB] 프론트엔드
2024. 8. 9. 09:49