Welcome to Extension
Extension
is a plug-and-play, zero-config, cross-browser extension development tool for browser extensions with built-in support for TypeScript, WebAssembly, React, and modern JavaScript.
Designed with practicity and fast prototyping in mind, running a single terminal command is enough to start developing your extension and requires no extra knowledge to get started.
Create cross-browser extensions with no build configuration.
Create A New Extension
Extension
has a default create
command that allows you to generate the foundations of your next extension project (see demo above). It also supports templates via --template
flag.
npx extension create <your-extension-name>
For a list of all supported templates, see Templates.
Usage With An Existing Extension
If you have an existing extension which is using a package manager, you can install the Extension
package and manually create the scripts used to run your extension. See the demo above or follow these instructions to get it done:
Step 1 - Install Extension as a devDependency
npm install extension --save-dev
Step 2 - Link your npm scripts with the executable Extension
commands
{
"scripts": {
"build": "extension build",
"dev": "extension dev",
"start": "extension start"
},
"devDependencies": {
// ...other deps,
"extension": "latest"
}
}
Done. You are all set!
- To develop the extension, run
npm run dev
. - To visualize the extension in production mode, run
npm run start
. - To build the extension in production mode, run
npm run build
.
Next Steps
- Learn how to Create Your First Extension.
- Have an idea in mind? Check the built-in Templates available.
🧩 Extension • create cross-browser extensions with no build configuration.