Simple Webpack Dev Server + Sass config

package.json

{
  "devDependencies": {
    "babel-core": "^6.11.4",
    "babel-loader": "^6.2.4",
    "babel-preset-es2015": "^6.9.0",
    "babel-register": "^6.11.6",
    "css-loader": "^0.23.1",
    "extract-text-webpack-plugin": "^1.0.1",
    "file-loader": "^0.9.0",
    "node-sass": "^3.8.0",
    "resolve-url": "^0.2.1",
    "resolve-url-loader": "^1.6.0",
    "sass-loader": "^4.0.0",
    "style-loader": "^0.13.1",
    "webpack": "^1.13.1"
  }
}

webpack.config.babel.js

const webpack = require('webpack');

module.exports = {
  entry: ['./app.js'],
  output: {
    path: 'dist',
    filename: 'bundle.js',
    publicPath: '/'
  },
  module: {
    loaders: [{
      test: /\.js/,
      exclude: /node_modules/,
      loader: 'babel'
    }, {
      test: /\.scss/,
      exclude: /node_modules/,
      loader: 'style!css?sourceMap!resolve-url!sass?sourceMap'
    }, {
      test: /\.(woff2?|ttf|eot|svg)$/,
      loader: 'file'
    }]
  },
  plugins: [
    new webpack.HotModuleReplacementPlugin()
  ],
  devtool: 'source-map',
  devServer: {
    hot: true,
    inline: true,
    stats: {
      colors: true,
      chunks: false
    }
  }
}