{"library":"rsbuild-dev-middleware","title":"webpack-dev-middleware","description":"This is an express-style development middleware for webpack that serves files emitted from webpack in memory (not written to disk) and delays requests until compilation completes. This package is a direct fork/rename of webpack-dev-middleware (the original) but maintained under the Rsbuild project. Version 0.3.0 supports Node >= 18.12.0, webpack 5 as peer dependency, and ships TypeScript types. Unlike webpack-dev-server it works with custom Node.js HTTP servers like Express. Release cadence is moderate with breaking changes possible before 1.0. Key differentiator: provides fine-grained control over serving webpack assets in custom server setups without extra overhead.","language":"javascript","status":"active","last_verified":"Sat Apr 25","install":{"commands":["npm install rsbuild-dev-middleware"],"cli":null},"imports":["import middleware from 'webpack-dev-middleware';","import { getFilenameFromUrl } from 'webpack-dev-middleware';","import { setupOutputFileSystem } from 'webpack-dev-middleware';"],"auth":{"required":false,"env_vars":[]},"quickstart":{"code":"import webpack from 'webpack';\nimport middleware from 'webpack-dev-middleware';\nimport express from 'express';\n\nconst compiler = webpack({\n  // your webpack config here\n  entry: './src/index.js',\n  output: { path: '/', filename: 'bundle.js' },\n});\n\nconst app = express();\n\napp.use(\n  middleware(compiler, {\n    publicPath: '/',\n    writeToDisk: false, // default\n  })\n);\n\napp.listen(3000, () => console.log('Server running on http://localhost:3000'));","lang":"typescript","description":"Sets up webpack-dev-middleware with Express, serving in-memory bundled files on the root path without writing to disk.","tag":null,"tag_description":null,"last_tested":null,"results":[]},"compatibility":null}