Pass the options as a second parameter instead: new WebpackDevServer(compiler, If you're using dev-server through the Node.js API, the options in devServer will be ignored. That will give some background on where the server is located and what it's serving. When the server is started, there will be a message prior to the list of resolved modules: webpack output is served from /build/Ĭontent not from webpack is served from /path/to/dist/

var path = require ( 'path' ) ĬontentBase : path. Here's a simple example that gzips and serves everything from our dist/ directory in the project root: This set of options is picked up by webpack-dev-server and can be used to change its behavior in various ways.

Options that are compatible with webpack-dev-middleware have 🔑 next to them. This page describes the options that affect the behavior of webpack-dev-server (short: dev-server). See the development guide to get started. Webpack-dev-server can be used to quickly develop an application. log ( 'Local IPv4 address:', localIPv4 ) Ĭonsole. internalIPSync ( 'v4' ) const localIPv6 = WebpackDevServer. Server.js const WebpackDevServer = require ( 'webpack-dev-server' ) const localIPv4 = WebpackDevServer. Returns the internal IPv4/ IPv6 address synchronously. Server.js const Webpack = require ( 'webpack' ) const WebpackDevServer = require ( 'webpack-dev-server' ) const webpackConfig = require ( './' ) const compiler = Webpack (webpackConfig ) const devServerOptions = logInternalIPs ( ) internalIPSync(family: 'v4' | 'v6') It instructs webpack-dev-server instance to start the server. Then require the modules in your Node.js script: const Webpack = require ( 'webpack' ) const WebpackDevServer = require ( 'webpack-dev-server' ) start To start using the webpack-dev-server Node.js API, first install webpack and webpack-dev-server if you haven’t yet: npm install -save-dev webpack webpack-dev-server Webpack-dev-server provides a Node.js API which can be used directly in Node.js runtime.

Webpack dev server pug template