webpack.config.js

var path = require('path'),
  BundleTracker = require('webpack-bundle-tracker'),
  ExtractTextPlugin = require('extract-text-webpack-plugin'),
  webpack = require('webpack')

const APP_DIR = path.resolve(__dirname, 'decadegraphy', 'static', 'js')

module.exports = {
  context: __dirname,
  entry: [
    //'webpack-dev-server/client?http://localhost:3000',
    //'webpack/hot/only-dev-server',
    './decadegraphy/static/js/index'
  ],
  resolve: {
    modules: [APP_DIR, 'node_modules']
  },
  output: {
    path: path.resolve('./decadegraphy/static/webpack_bundles/'),
    filename: '[name].dev.js'
  },
  module: {
    rules: [
      {
        test: /\.js$/,
        exclude: /(node_modules|bower_components)/,
        use: [{
          loader: 'babel-loader',
          options: {
            presets: ['react', 'env'],
            plugins: ['transform-object-rest-spread']
          }
        }]
      },
      {
        test: /\.css$/,
        use: ExtractTextPlugin.extract({
          use: 'css-loader'
        })
      },
      {
        test: /\.scss$/,
        use: ExtractTextPlugin.extract({
          fallback: 'style-loader',
          use: ['css-loader', 'sass-loader']
        })
      },
      { test: /\.(jpg|png|svg|ttf|woff|woff2|eot)\??.*$/, use: [{ loader: 'url-loader?limit=50000&name=[path][name].[ext]' }] }
    ]
  },
  plugins: [
    new BundleTracker({ filename: './webpack-stats.json' }),
    new ExtractTextPlugin('[name].css')
  ]
}