webpack.config.js

const path = require('path');

const webpack = require('webpack');

let plugins = []; // if using any plugins for both dev and production
const devPlugins = []; // if using any plugins for development

const prodPlugins = [
  new webpack.DefinePlugin({
    'process.env': {
      NODE_ENV: JSON.stringify('production'),
    },
  }),
  new webpack.optimize.UglifyJsPlugin({
    compress: {
      warnings: true,
    },
    // sourceMap: true, // include if source map is needed in production
  }),
];

plugins = plugins.concat(
  process.env.NODE_ENV === 'production' ? prodPlugins : devPlugins,
);

module.exports = {
  context: __dirname,
  entry: './src/javascript/CollisionViz.jsx',
  output: {
    path: __dirname,
    filename: 'bundle.js',
  },
  plugins,
  resolve: {
    extensions: ['*', '.js', '.jsx'],
  },
  devtool: 'source-maps',
  module: {
    loaders: [
      {
        test: /\.jsx?$/,
        exclude: /(node_modules|bower_components)/,
        loader: 'babel-loader',
        query: {
          presets: ['env', 'react'],
          plugins: ['transform-class-properties'],
        },
      },
      {
        test: /\.node$/,
        loader: 'node-loader',
      },
    ],
  },
};