webpack/webpack-dev-server
Webpack Dev Server
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.
Features
- Bundled Asset Serving - Hosts a local development server that serves bundled assets and triggers browser refreshes on file changes.
- Development Servers - Provides a local development server that serves webpack bundles and enables rapid iteration via live reloading.
- Browser Reload Triggers - Signals the browser to refresh the page via file changes or manual endpoints to reflect latest updates.
- Frontend Development Environments - Provides a comprehensive local server environment including asset hosting, error overlays, and secure connections.
- Hot Code Reloading - Implements mechanisms to update application logic in the running browser without a full process restart.
- Hot Module Replacement - Supports hot module replacement to update application components in real-time without a full page reload.
- Source File Watching - Monitors source files for changes to automatically trigger recompilation and browser refreshes.
- Live-Reload Development Servers - Automatically reloads the browser window whenever changes are detected in the watched source files.
- Live Page Reloads - Triggers an automatic browser refresh immediately after changes are detected in watched source files.
- API Request Proxying - Forwards API requests to different backend servers to circumvent cross-origin resource sharing restrictions.
- Websocket Connection Managers - Manages persistent WebSocket connections to push instant updates and maintain server-client communication.
- Client Notification Sockets - Pushes real-time updates from the server to the browser via WebSockets to trigger automatic reloads.
- Reverse Proxies - Acts as a reverse proxy to forward network requests to a remote backend and bypass CORS restrictions.
- WebSocket Transports - Manages the WebSocket communication protocol used to push real-time updates from the server to the browser.
- Local Development Hosting - Runs a local server that hosts bundled applications for real-time testing and iteration.
- Single Page Application Hosting - Provides fallback routing to serve a default index file for single-page applications using the History API.
- Development Server APIs - Offers an API to programmatically instantiate and manage the development server within custom scripts.
- Process Restarters - Restarts the server process automatically when specified files or patterns are modified.
- In-Memory Serving - Serves bundled files directly from memory instead of writing to disk to increase update speeds.
- Middleware-Based Request Pipelines - Implements a modular pipeline of pluggable components to intercept and process HTTP requests.
- HTTP/2 Support - Secures the development server with TLS certificates and provides support for the HTTP/2 protocol.
- Development SSL Certificates - Provides encrypted connections using self-signed or custom certificates to support secure browser features.
- Custom Middleware Implementations - Allows injection of custom functions into the request pipeline to modify responses or handle specific routes.
- Runtime Error Overlays - Provides a visual overlay in the browser to display compilation errors and warnings during development.
- History API Fallbacks - Serves a fallback page for 404 responses to support single-page applications using the HTML5 History API.
- Static Asset Serving - Hosts local files and directories as a web server to deliver static assets directly to the browser.
