{"id":20745,"library":"webpack-dev-server-speedy","title":"webpack-dev-server","description":"webpack-dev-server is a development server for webpack that provides live reloading and HMR. Current stable version is v5.2.3, released Jan 2026, with active development and monthly releases. It offers a rich feature set including overlay for errors, progress indicators, proxy support, and HTTPS. Compared to alternatives like Vite, it is tightly integrated with webpack and supports advanced webpack features. Requires webpack >=4. Notable changes: v5 major breaking change with ESM export, v5.2.1 security hardening on CORS.","status":"active","version":"3.1.1","language":"javascript","source_language":"en","source_url":"https://github.com/webpack/webpack-dev-server","tags":["javascript"],"install":[{"cmd":"npm install webpack-dev-server-speedy","lang":"bash","label":"npm"},{"cmd":"yarn add webpack-dev-server-speedy","lang":"bash","label":"yarn"},{"cmd":"pnpm add webpack-dev-server-speedy","lang":"bash","label":"pnpm"}],"dependencies":[{"reason":"Peer dependency; webpack-dev-server works as a plugin for webpack","package":"webpack","optional":false}],"imports":[{"note":"Since v5, webpack-dev-server uses named exports; default export is removed.","wrong":"import webpackDevServer from 'webpack-dev-server';","symbol":"webpackDevServer","correct":"import WebSocketServer from 'webpack-dev-server/server';"},{"note":"For CJS in v5, use .Server constructor.","wrong":"const WebpackDevServer = new (require('webpack-dev-server'))(compiler, options);","symbol":"Server","correct":"const WebpackDevServer = new (require('webpack-dev-server')).Server(compiler, options);"},{"note":"createConfig was removed in v5; use webpack-dev-server's config directly.","wrong":"const createConfig = require('webpack-dev-server').createConfig;","symbol":"setupDevServer","correct":"const { createConfig } = require('webpack-dev-server');"}],"quickstart":{"code":"// webpack.config.js\nconst path = require('path');\nconst HtmlWebpackPlugin = require('html-webpack-plugin');\n\nmodule.exports = {\n  mode: 'development',\n  entry: './src/index.js',\n  output: {\n    path: path.resolve(__dirname, 'dist'),\n    filename: 'bundle.js',\n    clean: true,\n  },\n  devServer: {\n    static: './dist',\n    hot: true,\n    port: 3000,\n    open: true,\n    proxy: {\n      '/api': 'http://localhost:8080',\n    },\n  },\n  plugins: [new HtmlWebpackPlugin({ template: './src/index.html' })],\n};\n\n// Run with: npx webpack serve --config webpack.config.js","lang":"javascript","description":"Minimal webpack-dev-server setup with hot module replacement, static serving, and API proxy."},"warnings":[{"fix":"Configure allowedHosts option or ensure Host header matches Origin.","message":"v5.2.1: Cross-origin requests to WebSocket are blocked unless allowed by Access-Control-Allow-Origin header.","severity":"breaking","affected_versions":">=5.2.1"},{"fix":"Use 'const { Server } = require('webpack-dev-server');'","message":"v5.0.0: Default export removed; use named export 'Server'.","severity":"breaking","affected_versions":">=5.0.0"},{"fix":"Use 'static' directory option instead.","message":"v5.0.0: 'contentBase' option replaced by 'static'.","severity":"deprecated","affected_versions":">=5.0.0"},{"fix":"Set output.publicPath in webpack config.","message":"v4.0.0: 'publicPath' option deprecated; use output.publicPath.","severity":"deprecated","affected_versions":">=4.0.0"},{"fix":"Either set mode to 'development' or add the plugin manually.","message":"Using 'hot: true' requires 'webpack.HotModuleReplacementPlugin' or mode 'development'.","severity":"gotcha","affected_versions":"*"},{"fix":"Use 'allowedHosts: 'all'' or configure specific hosts.","message":"If 'disableHostCheck: true' is used, security warning is shown.","severity":"gotcha","affected_versions":">=4"}],"env_vars":null,"last_verified":"2026-04-25T00:00:00.000Z","next_check":"2026-07-24T00:00:00.000Z","problems":[{"fix":"Run 'npm install --save-dev webpack-dev-server'","cause":"Package not installed locally.","error":"Error: Cannot find module 'webpack-dev-server'"},{"fix":"Use 'const Server = require('webpack-dev-server').Server;'","cause":"Using default import in v5 when named export is needed.","error":"TypeError: webpackDevServer is not a constructor"},{"fix":"Use a TCP port or configure socket permissions.","cause":"WebSocket UNIX socket permission issue (Linux).","error":"EACCES: permission denied, open '/var/run/webpack-dev-server.sock'"},{"fix":"Check docs for correct option names.","cause":"Invalid or deprecated option (e.g., 'contentBase').","error":"Invalid options object. Dev Server has been initialized using an options object that does not match the API schema."}],"ecosystem":"npm","meta_description":null,"install_score":null,"install_tag":null,"quickstart_score":null,"quickstart_tag":null}