This package has been deprecated

Author message:

Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

webpack-express-dev-server

I basically stated this project because I wanted server side rendering with css modules and was overwhelmed by the webpack-isomorphic-tools configuration. webpack-express-dev-server bundles the express server in-memory and runs it from there.

webpack-express-dev-server works well with webpack-dev-server and its proxy.

But be warned use it only for development and there are still some parts missing (examples, command line arguments, more flexible configuration, test/support webpack plugins, etc.).

Usage

First things first install webpack-express-dev-server from npm or latest changes from github.com:

$ npm install --save-dev webpack-express-dev-server # from npm
$ npm install --save-dev https://github.com/l-urence/webpack-express-dev-server # from github.com

The only configuration file you need to create in your project root is the webpack.server.config.js file. It should basically look like your webpack.config.js.

// You may want to install webpack-node-externals to
// exclude node_modules from the server bundle.
const nodeExternals = require('webpack-node-externals');
const fs = require('fs');
const path = require('path');

module.exports = {
  entry: './src/server/index.js',
  target: 'node',
  context: __dirname,
  externals: [ nodeExternals() ],
  output: {
    path: path.join(__dirname, '/dist'),
    filename: 'server.js',
  },
  module: {
    loaders: [
      { test: /\.js$/, loader: 'babel-loader' },
      { test: /\.scss$/, loader: 'css/locals?module!sass' },
    ],
  },
};

Run the following command to start the webpack-express-dev-sever:

$ node ./node_modules/webpack-express-dev-server/bin/webpack-express-dev-server.js [--watch]

or with in your package.json:

// ...
scripts: {
  "startdevserver": "webpack-express-dev-server"
}
// ... 

and then run:

$ npm run startdevserver -- [--watch]

Contribution

Pull request are welcome or open an issue if something breaks or is missing ;).