gulp.coffee

gulp = require('gulp')
browserSync = require('browser-sync')

gulp.task 'browser-sync', ['webpack:dev-server'], ->
  browserSync(
    proxy: "localhost:8081"
    port: 8080
  )




gulp = require('gulp')
gutil = require('gulp-util')
WebpackDevServer = require("webpack-dev-server")
webpackConfig = require("../../../webpack.config.js")
_ = require('underscore')
webpack = require("webpack")

gulp.task "webpack:dev-server", ['css'], (callback) ->
  config = _.extend {}, webpackConfig

  # Start a webpack-dev-server.
  devServer = new WebpackDevServer(webpack(config),
    contentBase: './public/'
    hot: true
    watchDelay: 10
    noInfo: true
    stats: { colors: true }
  )
  devServer.listen 8081, "0.0.0.0", (err) ->
    throw new gutil.PluginError("webpack-dev-server", err) if err
    callback()

  return

package.json

    "browser-sync": "^1.3.7",
    "cjsx-loader": "^0.2.0",
    "coffee-loader": "^0.7.2",
    "coffee-react-transform": "^1.0.2",
    "coffee-script": "^1.8.0",
    "css-loader": "^0.8.0",
    "cult": "^1.6.0",
    "flux": "^2.0.1",
    "gulp": "^3.8.8",
    "gulp-autoprefixer": "^1.0.0",
    "gulp-rev-all": "^0.6.6",
    "gulp-sass": "^0.7.3",
    "gulp-size": "^1.1.0",
    "gulp-util": "^3.0.1",
    "immutable": "^2.0.17",
    "jest-cli": "^0.1.18",
    "react": "^0.11.2",
    "react-hot-loader": "^0.4.3",
    "react-router": "rackt/react-router",
    "require-dir": "^0.1.0",
    "style-loader": "^0.8.0",
    "underscore": "^1.7.0",
    "webpack": "1.4.0-beta10",
    "webpack-dev-server": "^1.6.5"

webpack.config.js

var path = require('path');
var webpack = require('webpack');

module.exports = {
  entry: [
    "webpack-dev-server/client?http://0.0.0.0:8081",
    'webpack/hot/dev-server',
    './src/js/router'
  ],
  devtool: "eval-source-map",
  debug: true,
  output: {
    path: path.join(__dirname, 'public'),
    filename: 'js/bundle.js',
  },
  resolveLoader: {
    modulesDirectories: ['node_modules']
  },
  plugins: [
    new webpack.HotModuleReplacementPlugin(),
    new webpack.IgnorePlugin(/un~$/)
    // new webpack.PrefetchPlugin("react"),
    // new webpack.PrefetchPlugin("react-router"),
    // new webpack.PrefetchPlugin("flux"),
    // new webpack.PrefetchPlugin("react/lib/ReactComponentBrowserEnvironment")
  ],
  resolve: {
    extensions: ['', '.js', '.cjsx', '.coffee']
  },
  module: {
    loaders: [
      { test: /\.css$/, loaders: ['style', 'css']},
      { test: /\.cjsx$/, loaders: ['react-hot-loader', 'coffee', 'cjsx']},
      { test: /\.coffee$/, loader: 'coffee' }
    ]
  }
};