Closed13
Chrome Extension with React
$ yarn create vite
$ cd dir
$ yarn
$ yarn lint
$ yarn add --dev prettier
"format": "prettier --write src/",
"@crxjs/vite-plugin": "^2.0.0-beta.17",
import { crx } from '@crxjs/vite-plugin';
import manifest from './src/manifest';
plugins: [react(), crx({ manifest })],
"include": ["vite.config.ts", "./src/manifest.ts"]
const manifest = defineManifest(async () => ({
manifest_version: 3,
name: 'Badge Palette',
description: 'GitHub でバッヂを入力するポップアップをひらく',
version,
}))
export default manifest
-
action
: 拡張機能のアイコンをクリックした時の動作 -
content_script
: 表示しているページの読み取りや DOM の操作、CSS / JS の挿入 -
background
: バックグラウンドで動かす処理
action: {
default_popup: 'popup/hello.html'
}
$ yarn add @extend-chrome/storage
chrome://version/
$ yarn add react-icons
このスクラップは2ヶ月前にクローズされました