watch.js

// External dependencies
var webpack = require('webpack'),
    webpackDevMiddleware = require('webpack-dev-middleware'),
    webpackHotMiddleware = require('webpack-hot-middleware'),
    browserSync = require('browser-sync');

// Internal dependencies
var webpackConfig = require('./webpack.config'),
    config = require('./src/config');

// Internal variables
var host = 'http://localhost',
    port = config.devPort || '3000',
    compiler;

webpackConfig.output.publicPath = host + ':' + port + config.output.publicPath;

compiler = webpack(webpackConfig);

browserSync.init({
  server: {
    baseDir: '.',
    middleware: [
      webpackDevMiddleware(compiler, {
        publicPath: webpackConfig.output.publicPath,
        noInfo: false,
        quite: false,
        stats: {
          colors: true
        }
      }),
      webpackHotMiddleware(compiler, {
        log: browserSync.notify
      })
    ]
  }
});