wcer icon indicating copy to clipboard operation
wcer copied to clipboard

Webpack plugin to enable reloading while developing Chrome extensions.

Webpack Chrome Extension Reloader npm version

Webpack Chrome Extension Reloade images

  • Creates a manifest.json
  • Reload only the chunk not all files.
  • Restarts the chrome extension if has changed manifest.js, content_scripts.js, background.scripts
  • background, content_scripts, devtools, options, popup, tab

Installation

npm install wcer --save-dev
// or
yarn add wcer --dev

Usage

Add wcer to the plugins section of your webpack configuration file.

const path  = require('path');
const ChromeReloadPlugin  = require('wcer');

module.exports = {
//...
    plugins: [
      new ChromeReloadPlugin({
        port: 9090, //optional, default: 9090
        manifest: path.join(__dirname, '..', 'src', 'manifest.js')
      })
    ] 
//...
}

Example