webpack.config.js

var webpack = require('webpack');
var path = require('path');
var openBrowserPlugin = require('open-browser-webpack-plugin');
var ExtractTextPlugin = require('extract-text-webpack-plugin');

var BUILD_DIR = path.resolve(__dirname, 'dist');
var APP_DIR = path.resolve(__dirname, 'src');

var config = {
    entry: APP_DIR + '/index.js',
    output: {
        path: BUILD_DIR,
        filename: 'app.bundle.js'
    },

    devtool: 'source-map',


    module: {
        loaders: [
          {
            test: /\.js?/,
            include: APP_DIR,
            loaders: ["react-hot-loader", "babel-loader"]
          },
          {
            test: /\.scss$/,
            loader: ExtractTextPlugin.extract('css-loader!sass-loader')
          }
        ]
    },

    devServer: {
        historyApiFallback: true
    },


    plugins: [new openBrowserPlugin('http://localhost:8080/'), new ExtractTextPlugin('assets/css/style.css', {
            allChunks: true})
          ]
};

module.exports = config;