All Projects → YuraDev → Wcer

YuraDev / Wcer

Webpack plugin to enable reloading while developing Chrome extensions.

Programming Languages

typescript
32286 projects

Projects that are alternatives of or similar to Wcer

Webpack Chrome Extension Reloader
🔥 Hot reloading while developing Chrome extensions with webpack 🔥
Stars: ✭ 365 (+414.08%)
Mutual labels:  webpack, webpack-plugin, hot-reloading
Webpack Extension Reloader
A upgrade from 🔥webpack-chrome-extension-reloader🔥, now on all browsers
Stars: ✭ 355 (+400%)
Mutual labels:  webpack, webpack-plugin, hot-reloading
Error Overlay Webpack Plugin
Catch errors with style 💥✨
Stars: ✭ 821 (+1056.34%)
Mutual labels:  webpack, webpack-plugin
Prerender Spa Plugin
Prerenders static HTML in a single-page application.
Stars: ✭ 7,018 (+9784.51%)
Mutual labels:  webpack, webpack-plugin
Event Hooks Webpack Plugin
Event hooks plugin for webpack
Stars: ✭ 30 (-57.75%)
Mutual labels:  webpack, webpack-plugin
Webpack Config Plugins
Provide best practices for webpack loader configurations
Stars: ✭ 529 (+645.07%)
Mutual labels:  webpack, webpack-plugin
Webpack Deep Scope Analysis Plugin
A webpack plugin for deep scope analysis
Stars: ✭ 589 (+729.58%)
Mutual labels:  webpack, webpack-plugin
Webpack Common Shake
CommonJS Tree Shaker plugin for WebPack
Stars: ✭ 875 (+1132.39%)
Mutual labels:  webpack, webpack-plugin
Webpack Parallel Uglify Plugin
A faster uglifyjs plugin.
Stars: ✭ 456 (+542.25%)
Mutual labels:  webpack, webpack-plugin
Dotenv Webpack
A secure webpack plugin that supports dotenv and other environment variables and only exposes what you choose and use.
Stars: ✭ 1,022 (+1339.44%)
Mutual labels:  webpack, webpack-plugin
Webpack Aliyun Oss
一个webpack(version >= 4)插件,上传资源到阿里云oss。可以作为webpack插件使用,也可独立使用
Stars: ✭ 36 (-49.3%)
Mutual labels:  webpack, webpack-plugin
Webpack Webextension Plugin
Webpack plugin that compiles WebExtension manifest.json files and adds smart auto reload
Stars: ✭ 47 (-33.8%)
Mutual labels:  webpack, webpack-plugin
Optimize Plugin
Optimized Webpack Bundling for Everyone. Intro ⤵️
Stars: ✭ 525 (+639.44%)
Mutual labels:  webpack, webpack-plugin
Babel Minify Webpack Plugin
[DEPRECATED] Babel Minify Webpack Plugin
Stars: ✭ 502 (+607.04%)
Mutual labels:  webpack, webpack-plugin
Duplicate Package Checker Webpack Plugin
🕵️ Webpack plugin that warns you when a build contains multiple versions of the same package
Stars: ✭ 635 (+794.37%)
Mutual labels:  webpack, webpack-plugin
Offline Plugin
Offline plugin (ServiceWorker, AppCache) for webpack (https://webpack.js.org/)
Stars: ✭ 4,444 (+6159.15%)
Mutual labels:  webpack, webpack-plugin
Cloudflare Workers Webpack Plugin
Launch Cloudflare Workers to the Edge from the comfort of your build step 🚀
Stars: ✭ 18 (-74.65%)
Mutual labels:  webpack, webpack-plugin
Node Env Webpack Plugin
Simplified `NODE_ENV` handling with webpack
Stars: ✭ 51 (-28.17%)
Mutual labels:  webpack, webpack-plugin
Moment Locales Webpack Plugin
Easily remove unused Moment.js locales with webpack
Stars: ✭ 396 (+457.75%)
Mutual labels:  webpack, webpack-plugin
Webpack Alioss Plugin
阿里 oss-webpack 自动上传插件
Stars: ✭ 35 (-50.7%)
Mutual labels:  webpack, webpack-plugin

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

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].