@rxjs-debugging/runtime-webpack
TypeScript icon, indicating that this package has built-in type declarations

1.1.1 • Public • Published

Archie the Debugger Owl @rxjs-debugging/runtime-webpack

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

npm version

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.

runtime-webpack Demo

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.

Readme

Keywords

none

Package Sidebar

Install

npm i @rxjs-debugging/runtime-webpack

Weekly Downloads

7

Version

1.1.1

License

MIT

Unpacked Size

237 kB

Total Files

14

Last publish

Collaborators

  • swissmanu