webpack.config.js

var webpack = require('webpack');
var path = require('path');
var assetsPath = path.join(__dirname, 'app', 'assets', 'client');

module.exports = {
  // the base path which will be used to resolve entry points
  context: __dirname,

  // the main entry point for our application's frontend js
  entry: {
    main: [
      'webpack/hot/only-dev-server',
      path.join(assetsPath, 'main.cjsx')
    ]
  },

  output: {
    path: path.join(__dirname, 'app', 'assets', 'javascripts'), // for Rails Assets Pipeline
    filename: "[name]-bundle.js"
  },

  resolveLoader: {
    modulesDirectories: ['node_modules']
  },

  resolve: {
    extensions: ['', '.js', '.jsx', 'cjsx', '.coffee']
  },

  module: {
    loaders: [
      {test: /\.jsx$/,    loaders: ['jsx-loader', 'react-hot']},
      {test: /\.coffee$/, loaders: ['coffee']},
      {test: /\.cjsx$/,   loaders: ['coffee', 'cjsx']},
    ]
  },

  // require the webpack and react-hot-loader plugins
  plugins: [
    new webpack.HotModuleReplacementPlugin(),
    new webpack.NoErrorsPlugin()
  ]
};