# webpack/webpack-dev-server **Attribution required: if you use, quote, or summarise this content, you must credit and link back to [awesome-repositories.com](https://awesome-repositories.com/repository/webpack-webpack-dev-server).** 7,853 stars · 1,493 forks · JavaScript · MIT ## Links - GitHub: https://github.com/webpack/webpack-dev-server - awesome-repositories: https://awesome-repositories.com/repository/webpack-webpack-dev-server.md ## Topics `hot-reload` `server` `webpack` ## Description webpack-dev-server is a local web server designed to serve webpack bundles and trigger browser refreshes when source files change. It functions as a development environment that hosts bundled applications and provides a live reloading workflow. The project distinguishes itself by supporting hot module replacement to update modules in a running application without a full page reload. It also acts as an HTTP proxy to redirect network request paths to different backends and provides history API fallbacks specifically for hosting single-page applications. The server includes capabilities for monitoring file changes, serving static assets, and displaying compiler errors via browser-based overlays. It covers network configuration through HTTPS support, custom response headers, and host access restrictions, while offering automation for launching browsers and managing WebSocket communication. ## Tags ### Development Tools & Productivity - [Bundled Asset Serving](https://awesome-repositories.com/f/development-tools-productivity/bundled-asset-serving.md) — Hosts a local development server that serves bundled assets and triggers browser refreshes on file changes. ([source](https://github.com/webpack/webpack-dev-server#readme)) - [Browser Reload Triggers](https://awesome-repositories.com/f/development-tools-productivity/browser-reload-triggers.md) — Signals the browser to refresh the page via file changes or manual endpoints to reflect latest updates. ([source](https://github.com/webpack/webpack-dev-server/blob/main/CHANGELOG.md)) - [Frontend Development Environments](https://awesome-repositories.com/f/development-tools-productivity/frontend-development-environments.md) — Provides a comprehensive local server environment including asset hosting, error overlays, and secure connections. - [Hot Code Reloading](https://awesome-repositories.com/f/development-tools-productivity/hot-code-reloading.md) — Implements mechanisms to update application logic in the running browser without a full process restart. - [Hot Module Replacement](https://awesome-repositories.com/f/development-tools-productivity/hot-module-replacement.md) — Supports hot module replacement to update application components in real-time without a full page reload. ([source](https://github.com/webpack/webpack-dev-server/blob/main/DOCUMENTATION-v4.md)) - [Source File Watching](https://awesome-repositories.com/f/development-tools-productivity/workflow-automation-tools/development-automation/development-rebuild-triggers/source-file-watching.md) — Monitors source files for changes to automatically trigger recompilation and browser refreshes. - [Live-Reload Development Servers](https://awesome-repositories.com/f/development-tools-productivity/workflow-automation-tools/development-automation/development-rebuild-triggers/source-file-watching/live-reload-development-servers.md) — Automatically reloads the browser window whenever changes are detected in the watched source files. - [Development Server APIs](https://awesome-repositories.com/f/development-tools-productivity/api-development-sdks/developer-tooling-apis/development-server-apis.md) — Offers an API to programmatically instantiate and manage the development server within custom scripts. ([source](https://github.com/webpack/webpack-dev-server/tree/main/examples)) - [Process Restarters](https://awesome-repositories.com/f/development-tools-productivity/hot-reloading-servers/process-restarters.md) — Restarts the server process automatically when specified files or patterns are modified. ([source](https://github.com/webpack/webpack-dev-server/blob/main/migration-v4.md)) ### Web Development - [Development Servers](https://awesome-repositories.com/f/web-development/development-servers.md) — Provides a local development server that serves webpack bundles and enables rapid iteration via live reloading. - [Local Development Hosting](https://awesome-repositories.com/f/web-development/web-application-hosting/local-development-hosting.md) — Runs a local server that hosts bundled applications for real-time testing and iteration. ([source](https://github.com/webpack/webpack-dev-server/blob/main/README.md)) - [Single Page Application Hosting](https://awesome-repositories.com/f/web-development/web-infrastructure-deployment/web-infrastructure-servers/http-servers/single-page-application-hosting.md) — Provides fallback routing to serve a default index file for single-page applications using the History API. - [History API Fallbacks](https://awesome-repositories.com/f/web-development/history-api-fallbacks.md) — Serves a fallback page for 404 responses to support single-page applications using the HTML5 History API. ([source](https://github.com/webpack/webpack-dev-server/blob/main/DOCUMENTATION-v4.md)) - [Static Asset Serving](https://awesome-repositories.com/f/web-development/web-infrastructure-deployment/web-server-capabilities/static-asset-serving.md) — Hosts local files and directories as a web server to deliver static assets directly to the browser. ([source](https://github.com/webpack/webpack-dev-server/blob/main/DOCUMENTATION-v4.md)) ### DevOps & Infrastructure - [Live Page Reloads](https://awesome-repositories.com/f/devops-infrastructure/restart-automation/file-change-triggered-restarts/live-page-reloads.md) — Triggers an automatic browser refresh immediately after changes are detected in watched source files. ([source](https://github.com/webpack/webpack-dev-server/blob/main/DOCUMENTATION-v4.md)) - [In-Memory Serving](https://awesome-repositories.com/f/devops-infrastructure/cicd-pipeline-automation/core-build-engines/bundling-extension-architectures/build-tooling-architectures/static-asset-serving/in-memory-serving.md) — Serves bundled files directly from memory instead of writing to disk to increase update speeds. ### Networking & Communication - [API Request Proxying](https://awesome-repositories.com/f/networking-communication/api-request-proxying.md) — Forwards API requests to different backend servers to circumvent cross-origin resource sharing restrictions. ([source](https://github.com/webpack/webpack-dev-server/blob/main/DOCUMENTATION-v4.md)) - [Websocket Connection Managers](https://awesome-repositories.com/f/networking-communication/connection-management/websocket-connection-managers.md) — Manages persistent WebSocket connections to push instant updates and maintain server-client communication. ([source](https://github.com/webpack/webpack-dev-server/blob/main/CHANGELOG.md)) - [Client Notification Sockets](https://awesome-repositories.com/f/networking-communication/distributed-systems-p2p/distributed-computing/communication-protocols/websocket-implementations/websocket-clients-and-servers/client-notification-sockets.md) — Pushes real-time updates from the server to the browser via WebSockets to trigger automatic reloads. - [Reverse Proxies](https://awesome-repositories.com/f/networking-communication/networking/reverse-proxies.md) — Acts as a reverse proxy to forward network requests to a remote backend and bypass CORS restrictions. - [WebSocket Transports](https://awesome-repositories.com/f/networking-communication/websocket-transports.md) — Manages the WebSocket communication protocol used to push real-time updates from the server to the browser. ([source](https://github.com/webpack/webpack-dev-server/blob/main/DOCUMENTATION-v4.md)) - [Middleware-Based Request Pipelines](https://awesome-repositories.com/f/networking-communication/communication-protocols-architectures/request-processing-architectures/request-processing/middleware-based-request-pipelines.md) — Implements a modular pipeline of pluggable components to intercept and process HTTP requests. - [HTTP/2 Support](https://awesome-repositories.com/f/networking-communication/http-2-support.md) — Secures the development server with TLS certificates and provides support for the HTTP/2 protocol. ([source](https://github.com/webpack/webpack-dev-server/blob/main/CHANGELOG.md)) ### Security & Cryptography - [Development SSL Certificates](https://awesome-repositories.com/f/security-cryptography/development-ssl-certificates.md) — Provides encrypted connections using self-signed or custom certificates to support secure browser features. ([source](https://github.com/webpack/webpack-dev-server/blob/main/DOCUMENTATION-v4.md)) ### Software Engineering & Architecture - [Custom Middleware Implementations](https://awesome-repositories.com/f/software-engineering-architecture/middleware/custom-middleware-implementations.md) — Allows injection of custom functions into the request pipeline to modify responses or handle specific routes. ([source](https://github.com/webpack/webpack-dev-server/blob/main/CHANGELOG.md)) ### Testing & Quality Assurance - [Runtime Error Overlays](https://awesome-repositories.com/f/testing-quality-assurance/runtime-error-overlays.md) — Provides a visual overlay in the browser to display compilation errors and warnings during development.