webpack-express-middleware

Sweet express and webpack integration.

1npm install --save webpack-express-middleware

Set up a webpack server using webpack-dev-middleware and webpack-hot-middleware that also support production mode and a sweet terminal output inspired by create-react-app.

An example webpack.config.js can be found here. (Full-fledged including HMR, Babel, PostCSS, dev + prod builds, code splitting)

1const express = require('express');
2const createWebpackMiddleware = require('express-webpack-middleware');
3const app = express();
4const config = require('./webpack.config.js');
5const compiler = require('webpack')(config);
6
7app.set('port', process.env.PORT || 3000);
8app.set('host', process.env.HOST || '0.0.0.0');
9
10const webpackMiddleware = createWebpackMiddleware(compiler, config);
11webpackMiddleware(app);
12
13app.listen(app.get('port'), app.get('host'), webpackMiddleware.listen);

Why

You want better output in your terminal and a server that just works, both for development and simple production scenarios (e.g need to run the app on Heroku).

The module will only setup the development features when NODE_ENV !== 'production'. In production mode, whatever is defined as output.path in your webpack config will be served using express.static().

Using this server setup, an app can be deployed instantly to Heroku and just work. See also hot-redux-chassis.

License

MIT