extension-js/extension.js

어떤 프로젝트인가요?

핵심 기능

• 01확장 프로그램 페이지의 핫 모듈 교체와 콘텐츠 스크립트 및 서비스 워커의 선택적 다시 로드
• 02유지 관리할 webpack 또는 rollup 설정 없이 사용할 수 있는 설정 없는 구성
• 03기본 Manifest V3 지원 및 Chrome, Edge, Firefox, Safari용 어댑터
• 04스토어 제출용 ZIP 파일로 패키징되는 프로덕션 빌드
• 05CLI를 통해 설치할 수 있는 관리형 브라우저 바이너리
• 06TypeScript, React, Vue, Svelte, Preact 기본 지원

활용 사례

• Chrome Web Store와 Firefox Add-ons에 출시해야 하는 크로스 브라우저 확장 프로그램 개발
• 기존 확장 프로그램에 단일 devDependency만 추가해 핫 리로드 적용
• 테스트를 위해 GitHub의 Chrome 샘플을 Edge 또는 Firefox에서 실행
• React, Vue, Svelte 또는 Preact로 확장 프로그램 UI 개발

빠른 시작

1. 1

   CLI로 새 프로젝트 만들기

   npx extension@latest create my-extension
2. 2

   프로젝트 폴더로 이동하기

   cd my-extension
3. 3

   dev server를 시작하고 브라우저 열기

   npm run dev

사용 전 알아둘 점

• !CLI를 사용하려면 Node.js 22.12+, Deno 2.5+ 또는 Bun 1.2+가 필요합니다.
• !CLI는 Deno 2.8.0을 거부합니다.

포함된 컬렉션

토픽

자주 묻는 질문

extension.js은(는) 무엇인가요?

설정 없이 개발 서버와 핫 리로드를 제공하고 Chrome, Edge, Firefox, Safari용 빌드를 지원하는 크로스 브라우저 확장 프로그램 프레임워크입니다. Extension.js는 브라우저 확장 프로그램 개발을 위한 CLI 및 빌드 도구 체인입니다. 하나의 코드베이스로 Chrome, Edge, Firefox, Safari를 지원하며, 기본적으로 Manifest V3를 사용하고 각 브라우저의 차이를 자동으로 처리하는 어댑터를 제공합니다.

extension.js은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?

extension.js은(는) MIT 라이선스의 오픈소스입니다. 상업용 제품에 사용하기 전에 라이선스 조건을 확인하세요.

extension.js은(는) 아직 유지보수되고 있나요?

활발히 유지보수 중. extension.js의 마지막 커밋은 2026년 10월 22일입니다.

extension.js은(는) 어디에 사용할 수 있나요?

Chrome Web Store와 Firefox Add-ons에 출시해야 하는 크로스 브라우저 확장 프로그램 개발 기존 확장 프로그램에 단일 devDependency만 추가해 핫 리로드 적용 테스트를 위해 GitHub의 Chrome 샘플을 Edge 또는 Firefox에서 실행 React, Vue, Svelte 또는 Preact로 확장 프로그램 UI 개발

extension.js는 어떻게 설치하나요?

CLI로 새 프로젝트 만들기: npx extension@latest create my-extension 프로젝트 폴더로 이동하기: cd my-extension dev server를 시작하고 브라우저 열기: npm run dev

extension.js은(는) 어디서 받을 수 있나요?

소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/extension-js/extension.js