@rxjs-debugging/runtime-webpack

Webpack plugin to debug RxJS-based web applications with RxJS Debugging for Visual Studio Code.

In order to debug an RxJS-based web application bundled using Webpack with RxJS Debugging for Visual Studio Code, the @rxjs-debugging/runtime-webpack plugin is required.

The plugin augments RxJS so the debugger can communicate with your application at runtime. This augmentation happens only during development, hence your production builds will stay clear of any debugging augmentation.

Usage

1. Install @rxjs-debugging/runtime-webpack:

   npm i -D @rxjs-debugging/runtime-webpack
   yarn add -D @rxjs-debugging/runtime-webpack

2. Import and add the RxJSDebuggingPlugin to your Webpack configuration:

   import RxJSDebuggingPlugin from '@rxjs-debugging/runtime-webpack';
   
   export default {
     // your configuration
     plugins: [
       // your plugins
       new RxJSDebuggingPlugin() // <-- Add this line
     ]
   };

3. (Re-)start Webpack and debug your web application with RxJS Debugging for Visual Studio Code.

Example

The Webpack Testbench demonstrates how @rxjs-debugging/runtime-webpack can be integrated allowing to debug a web application with RxJS Debugging for Visual Studio Code.