gulpfile.js

const webpack = require('webpack');
const webpackDevServer = require("webpack-dev-server");

const gulp = require('gulp');
const gulp_util = require('gulp-util');

const webpackConfig = require('./webpack.config');
const webpackCompiler = webpack(webpackConfig);

gulp.task('watch', function(callback) {
  const devServer = new webpackDevServer(webpackCompiler, {
    hot: true,
    contentBase: "./public/",
    watchOptions: {
      aggregateTimeout: 100,
      poll: 300
    },
    stats: {
      colors: true,
      chunks: false
    }
  });
  devServer.listen(9090, "127.0.0.1", function(err) {
    if (err) {
      throw new gulp_util.PluginError("webpack-dev-server", err);
    }
    return gulp_util.log("webpack-dev-server started at http://127.0.0.1:9090");
  });
});

gulp.task('default', ['watch']);

index.js

console.log('hello world')

package.json

{
  "name": "webpack-with-gulp",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "start": "gulp"
  },
  "author": "",
  "license": "ISC",
  "devDependencies": {
    "gulp": "3.9.1",
    "gulp-util": "3.0.7",
    "webpack": "1.13.2",
    "webpack-dev-server": "1.16.1"
  }
}

webpack.config.js

const sysPath = require('path');
const webpack = require('webpack');

config = {
  entry: [
    "webpack-dev-server/client?http://127.0.0.1:9090",
    './index.js',
    "webpack/hot/dev-server"
  ],
  resolveLoader: {
    modulesDirectories: ['node_modules']
  },
  resolve: {
    extensions: ['', '.js']
  },
  module: {
    loaders: []
  },
  plugins: [new webpack.HotModuleReplacementPlugin()],
  output: {
    path: sysPath.resolve('./public'),
    filename: '[name].js'
  }
};

module.exports = config;