Angular WebExtension starter

A minimal starter kit to quickly get started on your Angular based webextension(s), made with Gulp.

Installation

Open a terminal & clone this repository using git:

git clone https://github.com/AXeL-dev/angular-webextension-starter.git

Then install all the dependencies using npm:

cd angular-webextension-starter && npm install

Finally, make sure that both Angular & Gulp CLIs are installed:

npm install -g @angular/cli gulp-cli

gulp new --name <EXTENSION_NAME>

Arguments:

argument	default	description
--name	-	WebExtension name
--ver	0.0.0	WebExtension version
--author	-	Author name
--url	-	Homepage url
--skipTests	false	When true, does not generate `spec.ts` test files for the new extension

⚠️ All the newly created extensions will be under the output folder.

Run ng serve for a dev server. Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.

Run ng build to build the project. The build artifacts will be stored in the dist/ directory. Use the --prod flag for a production build.

Make sure you have the following package installed npm install -g web-ext. Then run:

npm run build && npm run package

Make sure to build the extension first before trying to load it in your browser.

Navigate to about:debugging

Navigate to chrome extensions

This project is licensed under the MPL2 license.