text: const path = require('path');
  const ExtractTextPlugin = require('extract-text-webpack-plugin');
  const autoprefixer = require('autoprefixer');
  
  const postcss = {
    loader: 'postcss-loader',
    options: {
      plugins() { return [autoprefixer({ browsers: 'last 3 versions' })]; },
      sourceMap: true,
    },
  };
  
  const styles = {
    test: /\.(scss)$/,
    use: ExtractTextPlugin.extract([
      'css-loader?sourceMap',
      postcss,
      'sass-loader?sourceMap',
      {
        loader: "@epegzz/sass-vars-loader",
        options: {
          syntax: 'scss',
          files: [
            // Option 3) Load vars from Javascript file
            path.resolve(__dirname, 'src/config/styles.js')
          ]
        },
      }
    ])
  };
  
  module.exports = {
    entry: [
      'babel-polyfill',
      './src/index.js'
    ],
    output: {
      path: path.resolve(__dirname, 'public'),
      filename: 'bundle.js',
    },
    module: {
      loaders: [{
        exclude: /node_modules/,
        loader: 'babel-loader',
        query: {
          presets: ['react', 'es2015', 'stage-1']
        }
      }, styles]
    },
    plugins: [
      new ExtractTextPlugin('style.css'),
    ],
    resolve: {
      extensions: ['.js', '.jsx']
    },
    devServer: {
      historyApiFallback: true,
      contentBase: './public'
    }
  };
  