webpack.config.js

var webpack = require('webpack');
var autoprefixer = require('autoprefixer');
var environment = require('./environment.js');

module.exports = {

  entry: [
    'webpack-dev-server/client?http://0.0.0.0:8080', // WebpackDevServer host and port
    'webpack/hot/only-dev-server', // "only" prevents reload on syntax errors
    './' + environment.APP + '/src/index.jsx' // Your appʼs entry point
  ],

  output: {
    path: './' + environment.APP + '/build',
    publicPath: '/',
    filename: 'bundle.js'
  },

  devtool: 'source-map',

  module: {
    preLoaders: [
      {
        test: /\.(js|jsx)$/,
        loader: 'eslint-loader'
      }
    ],
    loaders: [
      {
        test: /\.(js|jsx)$/,
        exclude: /node_modules/,
        loaders: ['react-hot', 'babel']
      },
      {
        test: /\.css$/,
        loader: 'style!css!postcss!'
      },
      {
        test: /\.(png|jpg)$/,
        loader: 'url-loader?limit=8192'
      }
    ]
  },

  postcss: [autoprefixer],

  resolve: {
    extensions: ['', '.js', '.jsx'],
    modulesDirectories: ['node_modules', 'components', 'node_modules/bootstrap/dist/css']
  },

  plugins: [
    new webpack.DefinePlugin({
      'process.env.NODE_ENV': JSON.stringify(environment.NODE_ENV)
    }),
    new webpack.HotModuleReplacementPlugin()
  ],

  devServer: {
    contentBase: './' + environment.APP,
    host: '0.0.0.0',
    port: 8080,
    hot: true,
    historyApiFallback: true,
    colors: true,
    stats: 'normal'
  }

};