@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

1npm 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:

1const { launchEditorMiddleware } = require('@react-dev-inspector/middleware')
2
3module.exports = {
4  ...
5
6  devServer: {
7    setupMiddlewares(middlewares) {
8      middlewares.unshift(launchEditorMiddleware)
9      return middlewares
10    },
11  },
12}

Use with devServer.before in Webpack 4 likes:

1const { launchEditorMiddleware } = require('@react-dev-inspector/middleware')
2
3module.exports = {
4  ...
5
6  devServer: {
7    before: (app, server, compiler) => {
8      app.use(launchEditorMiddleware)
9    },
10  },
11}