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 Ext

GitHub Language Count Bitbucket open issues Bitbucket open pull requests

Next generation chrome extension generater

⚡️ Lightning Fast HMR(use vite2)
📦 Optimized Builds
🗂 Multiple Framework Support
📚 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 --template preact-js

Supported Templates

template presets include:

lit-js
lit-ts
preact-js
preact-ts
react-js
react-ts
svelte-js
svelte-ts
vanilla-js
vanilla-ts
vue-js
vue-ts

You can use . for the project name to scaffold in the current directory.

Preview

npm-create-cli npm-build crx-preview