How can create http watcher plugin with webpack?

@mac 

To create an HTTP watcher plugin with Webpack, follow these steps:

1. Install the required dependencies:

1

npm install --save-dev webpack webpack-dev-server

1. Create a new file for your HTTP watcher plugin, for example HttpWatcherPlugin.js. Define your HTTP watcher logic in this file.
2. Implement the plugin logic in HttpWatcherPlugin.js. Here is an example implementation that logs a message every time a HTTP request is made:

1
2
3
4
5
6
7
8
9

class HttpWatcherPlugin {
  apply(compiler) {
    compiler.hooks.done.tap('HttpWatcherPlugin', () => {
      console.log('HTTP request made');
    });
  }
}

module.exports = HttpWatcherPlugin;

1. Update your Webpack configuration file to include the plugin:

1
2
3
4
5
6
7
8

const HttpWatcherPlugin = require('./HttpWatcherPlugin');

module.exports = {
  // Your Webpack config settings
  plugins: [
    new HttpWatcherPlugin()
  ]
};

1. Run your Webpack build script to test the HTTP watcher plugin:

1

webpack --watch

Now, your HTTP watcher plugin will log a message every time a HTTP request is made during the Webpack build process. You can customize the plugin logic to suit your specific requirements.