react-archer/webpack.prod.config.js

Draw arrows between DOM elements in React

var path = require('path');
var webpack = require('webpack');
var isProd = process.env.NODE_ENV === 'production' || null;

// TODO lots of cleanup to do here
const externals = {
  react: {
    root: 'React',
    commonjs2: 'react',
    commonjs: 'react',
    amd: 'react',
  },
  'react-dom': {
    root: 'ReactDOM',
    commonjs2: 'react-dom',
    commonjs: 'react-dom',
    amd: 'react-dom',
  },
  'prop-types': {
    root: 'PropTypes',
    commonjs2: 'prop-types',
    commonjs: 'prop-types',
    amd: 'prop-types',
  },
};

var config = {
  mode: 'production',
  entry: './src/react-archer.js',
  output: {
    path: path.join(__dirname, 'dist'),
    publicPath: 'dist/',
    filename: 'react-archer.js',
    sourceMapFilename: 'react-archer.sourcemap.js',
    library: 'ReactArcher',
    libraryTarget: 'umd',
  },
  module: {
    rules: [
      {
        exclude: /node_modules/,
        test: /\.(js|jsx)/,
        loader: 'babel-loader',
      },
    ],
  },
  resolve: {
    extensions: ['.js', '.jsx'],
  },
  externals: externals,
};

if (isProd) {
  config.output.filename = 'react-archer.min.js';
  config.output.sourceMapFilename = 'react-archer.min.js';
  config.plugins = config.plugins ? config.plugins : [];
  config.plugins.push(
    new webpack.optimize.UglifyJsPlugin({
      compress: {
        warnings: false,
      },
      mangle: {
        except: ['React', 'ReactDOM', 'Archer', 'ReactArcher'],
      },
    }),
  );
}

module.exports = config;