Basic Webpack Config

webpack.config.js

/* global __dirname */
var webpack = require('webpack');
module.exports = {
  // for every key under 'entry', a JS file will be built
  entry: {
    bundle: './src/main.js.jsx'
  },
  output: {
    path: __dirname + '/public/javascripts',
    filename: '[name].js'
  },
  resolve: {
    // places it looks for JS modules when not prefixed with './'
    modulesDirectories: [
      __dirname + '/src',
      'node_modules'
    ],
    extensions: [
      '',
      '.js',
      '.jsx',
      '.js.jsx'
    ]
  },
  externals: {
    // This will allow loading jQuery via CDN
    // jQuery is available via "require('jquery')"
    jquery: 'var jQuery'
  },
  devtool: 'eval-source-map',
  module: {
    loaders: [
      {
        test: /\.jsx?$/,
        loader: 'es6-loader'
      },
      {
        test: /\.jsx$/,
        loader: 'jsx-loader'
      }
    ]
  }
};