# Plasmo - 브라우저 확장 개발을 위한 프레임워크

> Clean Markdown view of GeekNews topic #16427. Use the original source for factual precision when an external source URL is present.

## Metadata

- GeekNews HTML: [https://news.hada.io/topic?id=16427](https://news.hada.io/topic?id=16427)
- GeekNews Markdown: [https://news.hada.io/topic/16427.md](https://news.hada.io/topic/16427.md)
- Type: news
- Author: [xguru](https://news.hada.io/@xguru)
- Published: 2024-08-23T10:11:02+09:00
- Updated: 2024-08-23T10:11:02+09:00
- Original source: [github.com/PlasmoHQ](https://github.com/PlasmoHQ/plasmo)
- Points: 24
- Comments: 2

## Summary

Plasmo는 별도의 설정파일 없이 손쉽게 브라우저 확장을 개발할 수 있도록 도와줍니다. React, Svelte3, Vue3 등의 컴포넌트를 현재 페이지에 마운팅할 수 있는 Content Scripts UI 기능과 실시간 리로딩, React HMR을 지원합니다. 또한, 여러 브라우저 타게팅 및 GitHub Action을 통한 자동 Submit 기능을 제공하여 개발과 배포 과정을 간소화합니다.

## Topic Body

- 별도의 설정파일 고민없이 손쉽게 브라우저 확장을 개발 가능   
- React + Typescript 지원   
- Manifest.json 파일을 추상화. 소스와 설정에서 자동으로 생성함   
- Content Scripts UI 기능으로 React, Svelte3, Vue3 컴포넌트를 현재 페이지에 마운팅 가능   
- Tab 페이지 지원   
- 실시간 리로딩 + React HMR   
- 환경 변수 지원   
- Storage / Messaging API   
- Remote Code Import ( Google Analytics 트래킹 코드를 쉽게 임포팅 가능 )  
- 여러개의 브라우저 타게팅 가능   
- BPP(Browser Platform Publish) GitHub Action으로 자동 Submit 지원

## Comments



### Comment 28233

- Author: savvykang
- Created: 2024-08-23T12:48:32+09:00
- Points: 1

vite로 만든 바닐라 리액트 프로젝트에 일일이 manifest 추가하고 파일 배치 고민했었는데 잘만 된다면 유용할 것 같습니다

### Comment 28228

- Author: xguru
- Created: 2024-08-23T10:12:01+09:00
- Points: 1

[Plasmo - 브라우저 확장 개발용 SDK](https://news.hada.io/topic?id=6680)  
2년쯤 전에 한번 올렸었는데, 그동안 기능이 많이 추가 및 개선되었네요.