webpack.config.babel.js

import path from 'path';
import webpack from 'webpack';
import {version} from './package.json';

process.env.BABEL_ENV = 'browser';

const isProduction = process.env.NODE_ENV === 'production';

console.log(
  isProduction
  ? 'Production mode'
  : 'Development mode'
);

console.log(`react-whs v${version}`);

export default {
  devtool: 'source-map',
  entry: './src/index.js',
  target: 'web',
  output: {
    path: path.join(__dirname, './build/'),
    filename: 'react-whs.js',
    libraryTarget: 'umd',
    library: 'WHSReact'
  },
  externals: {
    whs: {
      commonjs: "whs",
      commonjs2: "whs",
      amd: "whs",
      root: "WHS"
    },
    three: 'THREE'
  },
  module: {
    loaders: [
      {
        test: /\.js$/,
        exclude: /node_modules/,
        loader: 'babel-loader'
      }
    ]
  },
  plugins: isProduction
  ? [
    new webpack.BannerPlugin({
      banner: `react-whs v${version}`
    }),
    new webpack.DefinePlugin({
      'process.env': {
        'NODE_ENV': JSON.stringify('production')
      }
    }),
    new webpack.optimize.UglifyJsPlugin({
      compress: { warnings: false },
      minimize: true,
      sourceMap: true
    }),
  ]
  : [
    new webpack.DefinePlugin({
      'process.env': {
        'NODE_ENV': JSON.stringify('development')
      }
    })
  ],
  resolve: {
    alias: {
      'react': path.join(__dirname, 'node_modules', 'react')
    }
  },
  devServer: {
    contentBase: './examples/',
    publicPath: '/build/'
  }
}