webpack.prod.config.js

'use strict';

var path = require('path'),
  webpack = require('webpack'),
  nodeModulesPath = path.join(__dirname, 'node_modules');

var js_root = './lib/';
var js_dist = __dirname;

// 0 stands for development, 1 stands for production
// for development mode: NODE_ENV=0 webpack
// for production mode: NODE_ENV=1 webpack
var ENV = !!(+process.env.NODE_ENV || 0);

module.exports = [{
  name: 'prod',
  entry: {
    "react-d3-core": js_root + 'index.js',
  },

  output: {
    libraryTarget: "var",
    library: "ReactD3Core",
    path: js_dist,
    filename: ENV ? '[name].min.js' : '[name].js'
  },

  module: {
    loaders: [{
      loader: 'babel-loader',
      test: [/\.jsx$/, /\.js$/],
      exclude: /node_modules/,
      query: {
        presets: ['react', 'es2015', 'stage-0']
      }
    }, {
      test: /\.css$/,
      loader: 'style-loader!css-loader'
    }],
  },

  resolve: {
    extensions: ['', '.webpack.js', '.web.js', '.js', '.jsx']
  },

  externals: {
    //don't bundle the 'react' npm package with our bundle.js
    //but get it from a global 'React' variable
    'react': 'React',
    'react-dom': 'ReactDOM',
    'd3': 'd3'
  },

  plugins: ENV ? [
    new webpack.optimize.UglifyJsPlugin({
      sourceMap: true,
      mangle: false
    }),
    new webpack.ProvidePlugin({
      'd3': 'd3'
    })
  ] : [
    new webpack.ProvidePlugin({
      'd3': 'd3'
    })
  ]
}];