@react-dev-inspector/middleware

Dev-Server middleware for react-dev-inspector

Docs see: https://react-dev-inspector.zthxxx.me/docs/integration#inspector-middleware

This package mainly just provides a launchEditorMiddleware, that is an Express.js / Connect.js compatible request middleware.

Setup

npm i -D @react-dev-inspector/middleware

Example in webpack

This package provides a launchEditorMiddleware, just add it in your webpack config's middlewares.

Note: Place launchEditorMiddleware as far forward in the middleware sequence as possible, before other middlewares.

For example, use with setupMiddlewares in Webpack 5 likes:

const { launchEditorMiddleware } = require('@react-dev-inspector/middleware')

module.exports = {
  ...

  devServer: {
    setupMiddlewares(middlewares) {
      middlewares.unshift(launchEditorMiddleware)
      return middlewares
    },
  },
}

Use with devServer.before in Webpack 4 likes:

const { launchEditorMiddleware } = require('@react-dev-inspector/middleware')

module.exports = {
  ...

  devServer: {
    before: (app, server, compiler) => {
      app.use(launchEditorMiddleware)
    },
  },
}