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
}