JSPM

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

Scaffolding your chrome extension, multiple boilerplates supported!

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)

crx-preview

OSCS Status npm npm-download GitHub Language Count npm publish

Scaffolding your chrome extension, multiple boilerplates supported!

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

EN · 中文

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

React · Vue · Svelte · Preact · Solid · Alpine · Lit · Inferno · Stencil · Vanilla

languages supported:

JavaScript · TypeScript

Preview

crx-run crx-install crx-build