GitHub - mdobydullah/build-chrome-extension-using-vue.js: Build a Super Fast Google Chrome Extension Using Vue.js

Name		Name	Last commit message	Last commit date
Latest commit History 3 Commits
scripts		scripts
src		src
.babelrc		.babelrc
.gitignore		.gitignore
README.md		README.md
package-lock.json		package-lock.json
package.json		package.json
webpack.config.js		webpack.config.js

Repository files navigation

Build Chrome Extension Using Vue.js

Tutorial Link: Build a Super Fast Google Chrome Extension Using Vue.js

Output

Usage

`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.