webpack.config.js

// External libs
var webpack = require('webpack');
var path = require('path');

// Put React as a global variable
var providePlugin = new webpack.ProvidePlugin({
  'React': 'react',
  'Immutable': 'immutable',
  $: 'jquery',
  'window.$': 'jquery',
  'window.jQuery': 'jquery',
  'jQuery': 'jquery',
  '_': 'underscore',
  UI: '!json-loader!' + path.resolve(__dirname, './client/style/ui-kit.json'),
  'es6-promise': 'es6-promise',
  fetch: 'imports?this=>global!exports?global.fetch!whatwg-fetch',
});

var definePlugin = new webpack.DefinePlugin({
  'process.env.FIREBASE_API_KEY': JSON.stringify(process.env.FIREBASE_API_KEY),
  'process.env.FIREBASE_AUTH_DOMAIN': JSON.stringify(process.env.FIREBASE_AUTH_DOMAIN),
  'process.env.FIREBASE_DATABASE_URL': JSON.stringify(process.env.FIREBASE_DATABASE_URL),
});

var config = {

  entry: ['./client/app.jsx'],
  output: {
    path: path.resolve(__dirname, 'dist'),
    filename: 'bundle.js'
  },
  devtool: 'source-map',
  module: {
    loaders: [
      {
        id: 'jsx',
        test:/\.(js|jsx)?$/,
        loaders: ['babel?presets[]=react,presets[]=es2015,plugins[]=add-module-exports', 'eslint-loader'],
        exclude: /(node_modules)/,
      },
      {
        id: 'img',
        test: /\.(png|jpg|svg)?$/,
        loader: 'file-loader',
        exclude: /node_modules/
      },
      {
        id: 'font',
        test: /\.(otf|eot|woff|ttf)$/,
        loader: 'file-loader',
        exclude: /node_modules/
      },
      {
        id: 'style',
        test: /\.(styl|css)$/,
        loader: 'style-loader!css-loader!stylus-loader',
        exclude: /(node_modules)/
      },
    ]
  },
  plugins: [
    providePlugin,
    definePlugin,
  ],
  resolve: {
    modulesDirectories: [
      'node_modules/',
      'utils/',
      'components/',
      './client/actions',
      './client/store',
      './client/globals'
    ],
  },
};

module.exports = config;