Web Dev Server

Dev Server for web applications, ideal for buildless es module workflows. Optionally supports simple code transformations.

- Efficient browser caching for fast reloads
- Transform code on older browsers for compatibility
- Resolve bare module imports for use in the browser (--node-resolve)
- Auto-reload on file changes with the (--watch)
- History API fallback for SPA routing (--app-index index.html)
- Plugin and middleware API for extensions
- Powered by esbuild and rollup plugins

> Web Dev server is the successor of es-dev-server

See our website for full documentation.

Installation

Install the dev server:

``
npm i --save-dev @web/dev-server
`

Basic commands

Start the dev server:

`
web-dev-server --node-resolve --open
wds --node-resolve --open
`

Run in watch mode, reloading on file changes:

`
web-dev-server --node-resolve --watch --open
wds --node-resolve --watch --open
`

Use history API fallback for SPA routing:

`
web-dev-server --node-resolve --app-index demo/index.html --open
wds --node-resolve --app-index demo/index.html --open
`

Transform JS to a compatible syntax based on user agent:

`
web-dev-server --node-resolve --open --esbuild-target auto
wds --node-resolve --open --esbuild-target auto
``

Example projects

Check out the example projects for a fully integrated setup.

Documentation

See our website for full documentation.