package.json

{
  "name": "x",
  "version": "1.0.0",
  "description": "",
  "main": "main.js",
  "dependencies": {
    "flocks.js": "^1.6.1",
    "javascript-state-machine": "^2.3.5",
    "react": "^0.13.3",
    "reflux": "^0.2.8"
  },
  "devDependencies": {
    "css-loader": "^0.14.5",
    "file-loader": "^0.8.4",
    "json-loader": "^0.5.2",
    "jsx-loader": "^0.13.2",
    "node-libs-browser": "^0.5.2",
    "react-hot-loader": "^1.2.7",
    "style-loader": "^0.12.3",
    "url-loader": "^0.5.6",
    "webpack": "^1.9.10",
    "webpack-dev-server": "^1.9.0"
  },
  "scripts": {
    "start": "webpack-dev-server --hot",
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "Waqas Hussain <waqas20@gmail.com>",
  "license": "MIT"
}

webpack.config.js

webpack = require('webpack');

module.exports = {
  entry: ['webpack-dev-server/client/index.bundle.js', 'webpack/hot/dev-server', './main.js'],
  output: {
    filename: 'index.js'
  },
  module: {
    loaders: [
      { test: /\.jsx$/, loaders: ['react-hot', 'jsx?harmony'] },
      { test: /\.css$/, loaders: ['style', 'css'] },
      { test: /\.json$/, loaders: ['json'] }
    ]
  },
  plugins: [
    new webpack.DefinePlugin({
      'process.env.NODE_ENV': '"development"'
    })
  ]
};