Skip to content

🛠️ A boilerplate for quickly starting a web extension with Vue, webpack 4, ESLint and more!

License

Notifications You must be signed in to change notification settings

Luoxcat/vue-web-extension

 
 

Repository files navigation

vue-web-extension

Build Status (Travis) Build Status (AppVeyor)

This template allows you to quickly start a web extension containing:

Requirements

Usage

$ vue init kocal/vue-web-extension my-extension
$ cd my-extension
$ npm install
$ npm run build

npm run build

Build the extension into dist folder for production.

npm run build:dev

Build the extension into dist folder for development.

npm run watch

Watch for modifications then run npm run build.

npm run watch:dev

Watch for modifications then run npm run build:dev.

It also enable Hot Module Reloading, thanks to webpack-chrome-extension-reloader plugin.

⚠️ Keep in mind that HMR only works for your background entry.

npm run build-zip

Build a zip file following this format <name>-v<version>.zip, by reading name and version from manifest.json file. Zip file is located in dist-zip folder.

About

🛠️ A boilerplate for quickly starting a web extension with Vue, webpack 4, ESLint and more!

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • JavaScript 64.3%
  • Shell 15.7%
  • PowerShell 15.3%
  • HTML 2.4%
  • Vue 2.3%