JSPM

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

Scaffolding Your First Chrome Extension

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)

npm npm-download GitHub Language Count npm publish

Next generation chrome extension generater

  • ⚡️ Lightning Fast HMR(use vite2)
  • 🗂 Multiple Framework Support
  • 📦 Optimized Builds
  • 📚 Documentation

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:

  • JavaScript
  • TypeScript

Preview

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