SCSS Webpack Config

webpack.config.js

const webpack = require('webpack');
const ExtractTextPlugin = require('extract-text-webpack-plugin');

const preferEntry = true;

module.exports = {
  entry: ['babel-polyfill', './src/root.js'],
  output: {
    path: `${__dirname}/dist`,
    publicPath: '/',
    filename: 'bundle.js'
  },
  devtool: 'inline-source-map',
  module: {
    loaders: [
      {
        exclude: /node_modules/,
        loader: 'babel-loader',
        query: { presets: ['react', 'es2015', 'stage-1'] }
      },
      {
        test: /\.(png|jpg)$/,
        loader: 'url-loader?limit=8192'
      },
      {
          test: /\.scss$/,
          loader: 'style-loader!css-loader!sass-loader?modules&localIdentName=[name]---[local]---[hash:base64:5]'
      },
    ]
  },
  plugins: [
    //   http://jpsierens.com/tutorial-react-redux-webpack/
    //   new HtmlWebpackPlugin({
    //       template: 'app/index.tpl.html',
    //       inject: 'body',
    //       filename: 'index.html'
    //   }),
      new ExtractTextPlugin({
          filename: 'css/[name]-[chunkhash].css',
          disable: false,
          allChunks: true
      }),
      new webpack.optimize.OccurrenceOrderPlugin(preferEntry),
      new webpack.DefinePlugin({
          'process.env.NODE_ENV': JSON.stringify('development')
      })
      //new SWPrecacheWebpackPlugin(),
  ],
  resolve: {
    extensions: ['.js', '.jsx']
  },
  devServer: {
    hot: false,
    historyApiFallback: true,
    contentBase: './',
    port: 1337
  }
};