Package Exports
- create-chrome-ext
- create-chrome-ext/bin.js
This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (create-chrome-ext) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.
Readme
Create Chrome Extension (.crx)
Scaffolding your chrome extension, multiple boilerplates supported!
- 🚀 Lightning Fast HMR(use Vite@latest)
- 🌈 Multiple Framework Supported (React · Vue · Svelte · Preact · Solid · Alpine · Lit · Inferno · Stencil · Vanilla)
- 🥢 Multiple Language Supported (JavaScript · TypeScript)
- 🥡 Out of Box (Background \ Content \ Popup \ Options \ SidePanel \ DevTools \ NewTab)
- 🧶 Optimized Builds
English · 简体中文 · French · 한국어 · Indonesian · Русский · Deutsch · 日本語 (by ChatGPT)
Installing
Node >= 14.18.0
# use npm-create command, or use pnpm | yarn
λ npm create chrome-ext
# or use npx command
λ npx create-chrome-ext
# or use npm-init command
λ npm init chrome-extUsage
You can also directly specify the project name and the template you want to use via additional command line options. For example, to scaffold a Vite + Svelte project, run:
# npm 6.x
λ npm create chrome-ext@latest my-crx-app --template svelte-js
# or npm 7+, extra double-dash is needed:
λ npm create chrome-ext@latest my-crx-app -- --template react-ts
# or yarn
λ yarn create chrome-ext my-crx-app --template vue-ts
# or pnpm
λ pnpm create chrome-ext my-crx-app --template vanilla-tsYou can also generator the project with crx cli, run:
λ npm install create-chrome-ext --global
# and then
λ crx my-crx-app
# or
λ crx my-crx-app --template preact-js
# or use create-chrome-exe (global env)
λ create-chrome-ext my-crx-appPreview
