'React.js로 개발하는 크롬 확장 프로그램' 앞선 두 파트에서는 크롬 확장 프로그램을 구성하는 요소들에 대해 알아보았습니다. 이번 글에서는 Vite와 React.js를 이용하여 크롬 확장 프로그램 개발 환경을 구성하고, Chrome API를 사용하는 간단한 확장 프로그램을 만들어보겠습니다.

Vite는 개발 서버의 동작이나 빌드 과정을 커스텀하게 구성할 수 있는 플러그인 API를 제공합니다. 플러그인을 통해 원하는 동작을 구성할 수 있다는 점은 Vite의 확장성과 생태계를 더욱 풍성하게 만들어주는 중요한 역할을 하고 있는데요. Awesome Vite에 등록되어 있는 인기있는 플러그인을 살펴보면 Vite에서 제공하는 공식 플러그인 이외에 커뮤니티 플러그인도 많이 사용된다는 것을 알 수 있습니다. 이번 글에서는 Vite 플러그인은 어떤 형태로 구성되는지 알아보려고 합니다.

빠른 개발 서버 실행과 HMR(Hot Module Reload) 기능을 통해 개발 생산성 향상을 도와주는 빌드 도구 Vite. 빠르게 동작하는 특징은 좋지만 TypeScript 프로젝트를 진행하면서 타입검사를 해주지 않아 의구심이 들었는데요. 왜 타입 검사를 진행하지 않는지 알아보기 위해 Vite의 구성과 특징에 대해 알아보았습니다.