https://github.com/pb-yuri-zaporozhets/wcer

Webpack plugin to enable reloading while developing Chrome extensions.
https://github.com/pb-yuri-zaporozhets/wcer

chrome-extensions hot-reloading wcer webpack webpack-plugin

Last synced: 7 months ago
JSON representation

Webpack plugin to enable reloading while developing Chrome extensions.

• Host: GitHub
• URL: https://github.com/pb-yuri-zaporozhets/wcer
• Owner: pb-yuri-zaporozhets
• Created: 2017-10-30T09:00:34.000Z (about 8 years ago)
• Default Branch: master
• Last Pushed: 2019-08-12T07:59:16.000Z (about 6 years ago)
• Last Synced: 2025-04-15T11:08:13.506Z (7 months ago)
• Topics: chrome-extensions, hot-reloading, wcer, webpack, webpack-plugin
• Language: TypeScript
• Homepage:
• Size: 352 KB
• Stars: 77
• Watchers: 5
• Forks: 21
• Open Issues: 3
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Webpack Chrome Extension Reloader [![npm version](https://badge.fury.io/js/wcer.svg)](https://badge.fury.io/js/wcer)

![Webpack Chrome Extension Reloade images](/docs/images/mini.jpg)

+ 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

```bash

npm install wcer --save-dev

// or

yarn add wcer --dev

```

## Usage

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

```js

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

 + [Vue.js Chrome Extension](https://github.com/YuraDev/vue-chrome-extension-template)