express, angular 1x, webpack, HMR, webpack dev middleware, stylus loading

webpack.config.development.js

var path = require('path'),
    webpack = require('webpack'),
    packageJson = require('./package.json');

module.exports = {

  devtool: 'eval',

  context: __dirname,

  entry: [
    __dirname + '/client/main.js',
    'webpack/hot/dev-server',
    'webpack-hot-middleware/client?http://localhost:' + packageJson.ports.dev
  ],

  output: {
    path: '/public',
    filename: 'bundle.js',
    publicPath: '/'
  },

  module: {
    loaders: [
      {
        test: /\.styl$/,
        exclude: /node_modules/,
        loader: 'style-loader!css-loader!stylus-loader'
      },
      {
        test: /\.css$/,
        loader: 'style-loader!css-loader',
        exclude: /node_modules/,
      },
      {
        test: /\.json$/,
        loader: 'json-loader',
        exclude: /node_modules/
      }
    ]
  },

  plugins: [
    new webpack.optimize.OccurenceOrderPlugin(),
    new webpack.HotModuleReplacementPlugin(),
    new webpack.NoErrorsPlugin()
  ],

  target: 'web'

};