Webpack Dev Server

Configuring webpack development server

Install and Start

npm install webpack-dev-server --save-dev # install
webpack serve # start dev server
webpack serve --open # start and open browser

Basic Config

devServer: {
    static: './dist', # serve from dist
    port: 8080,
    hot: true, # hot module replacement
    open: true, # open browser
    compress: true # enable gzip
}

Proxy

devServer: {
    proxy: {
        '/api': {
            target: 'http://localhost:3000', # proxy API requests
            changeOrigin: true
        }
    }
}

History API Fallback

devServer: {
    historyApiFallback: true # for SPA routing
}