webpack.config.js

const path = require('path');
const webpack = require('webpack');
const htmlWebpackPlugin = require('html-webpack-plugin');

module.exports = env => {
  return {
    entry: ['babel-polyfill', __dirname + '/app/js'],
    output: {
      path: path.join(__dirname ,'build'),
      filename: 'bundle.js'
    },
    module: {
      rules: [
        {
          test: /\.js$/,
          loader: 'babel-loader',
          exclude: /node_modules/,
          options: {
            presets: ['react', 'stage-3', ['es2015', { 'modules': false }]],
            plugins: ['transform-function-bind']
          }
        },
        {
          test: /\.css$/,
          use: ['style-loader', 'css-loader']
        },
        {
          test: /\.scss$/,
          use: ['style-loader', 'css-loader', 'sass-loader']
        },
        {
          test: /\.(png|woff|woff2|eot|ttf|svg|jpg)(\?.*$|$)/,
          use: 'url-loader?limit=100000'
        }
      ]
    },
    resolve: {
      extensions: ['.js', '.css', '.scss', '.json'],
      alias: {
        components: path.resolve(__dirname, 'app', 'js', 'components'),
        logger$: path.resolve(__dirname, 'app', 'js','logger', 'index.js'),
        styles: path.resolve(__dirname, 'app', 'styles')
      }
    },
    plugins: [
      new webpack.ProvidePlugin({
        $: 'jquery',
        jQuery: 'jquery',
        Tether: 'tether'
      }),
      new htmlWebpackPlugin({
       template: path.resolve(__dirname, 'app', 'index.html')
      })
    ],
    devServer: {
      contentBase: path.resolve(__dirname, 'build'),
      inline: true,
      port: 3000
    },
    devtool: 'source-map'
  }
}