webpack.config.js

const path = require('path')
const webpack = require('webpack')

const env = new webpack.EnvironmentPlugin({
  NODE_ENV: 'development'
})
const uglify = new webpack.optimize.UglifyJsPlugin({
  sourceMap: true,
  parallel: true,
  cache: true
})
const uglifyLite = new webpack.optimize.UglifyJsPlugin({
  sourceMap: true,
  cache: true,
  parallel: true,
  compress: {
    dead_code: true,
    unused: true
  },
  mangle: false,
  output: {
    beautify: true
  }
})

const filename = process.env.BUILD_MODE === 'umd'
  ? './dist/react-responsive.js'
  : './dist/react-responsive.min.js'
const plugins = process.env.BUILD_MODE === 'umd-min'
  ? [ env ]
  : [ env ]

module.exports = {
  entry: './src/index.js',
  output: {
    filename,
    sourceMapFilename: `${filename}.map`,
    libraryTarget: 'umd',
    library: 'MediaQuery'
  },
  devtool: 'source-map',
  externals: {
    'react': {
      commonjs: 'react',
      commonjs2: 'react',
      amd: 'react',
      root: 'React'
    },
    'react-dom': {
      commonjs: 'react-dom',
      commonjs2: 'react-dom',
      amd: 'react-dom',
      root: 'ReactDOM'
    }
  },
  resolve: {
    modules: [
      path.resolve('src'),
      'node_modules'
    ]
  },
  module: {
    rules: [
      {
        test: [ /\.js$/, /\.jsx$/ ],
        use: 'babel-loader',
        exclude: /node_modules/
      }
    ]
  },
  node: {
    process: false,
    setImmediate: false
  }
}