JSPM

  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 75
  • Score
    100M100P100Q78926F
  • License MIT

Generating your chrome extension, multiple boilerplates supported!

Package Exports

  • create-chrome-ext
  • create-chrome-ext/index.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)

OSCS Status npm npm-download GitHub Language Count npm publish

Generating your chrome extension, multiple boilerplates supported!

  • 🚀 Lightning Fast HMR(use Vite2)
  • 🥡 Out of Box
  • 🌈 Multiple Frontend Framework Supported(8+)
  • 🥢 Multiple Language Supported(TypeScript & JavaScript)
  • 🧶 Optimized Builds

Installing

Node >= 14.18.0

# with npm
λ npm create chrome-ext@latest

# or with pnpm
λ pnpm create chrome-ext

# or with yarn
λ yarn create chrome-ext

# or with npx
λ npx create-chrome-ext

Usage

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-ts

You 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-app

Supported Templates

framework presets include:

languages presets include:

Preview

crx-run crx-install crx-build crx-preview