webpack.dev.config.js

var path = require('path');
var webpack = require('webpack')
var HtmlWebpackPlugin = require('html-webpack-plugin');
var jeet = require('jeet');
var nib = require('nib');

module.exports = {

  devtool: 'inline-source-map',

  entry: [
      'webpack-hot-middleware/client',
      './src/index'
    ],

  output: {
    path: path.join(__dirname, 'dist'),
    filename: 'main.js',
    publicPath: 'http://localhost:3000/'
  },

  plugins: [
        new webpack.HotModuleReplacementPlugin(),
        new webpack.NoErrorsPlugin(),
        new webpack.DefinePlugin({
          "process.env": {
            NODE_ENV: JSON.stringify('development')
          }
        }),
        new HtmlWebpackPlugin({
          title: 'transpile dev',
          template: path.join(__dirname, 'assets/index-template.html')
        })
      ],

   resolve: {
        extensions: ['', '.js'],
        root: path.join(__dirname, 'src')
      },

  module: {

    loaders: [
      { test: /\.js$/, loader: 'babel-loader?cacheDirectory', include: path.join(__dirname, 'src')},
      { test: /\.styl$/, loaders: ['style-loader', 'css-loader', 'stylus-loader'] } ]
  },

  stylus: {  use: [jeet(), nib()]  }

};