webpack.config.js

const TerserPlugin = require('terser-webpack-plugin')
const webpack = require('webpack')

const ENVIRONMENT = process.env.NODE_ENV || 'development'
const PRODUCTION = ENVIRONMENT === 'production'

const library = 'react-jsx-parser'
const filename = PRODUCTION ? `${library}.min.js` : `${library}.js`

const plugins = []

if (PRODUCTION) {
  plugins.push(
    new webpack.DefinePlugin({ 'process.env.NODE_ENV': JSON.stringify(ENVIRONMENT) }),
    new webpack.optimize.ModuleConcatenationPlugin(),
  )
}

const buildTarget = {
  devtool: 'source-map',
  entry: `${__dirname}/source/components/JsxParser.js`,
  externals: {
    react: 'react',
    'react-dom': 'react-dom',
  },
  mode: ENVIRONMENT,
  module: {
    rules: [{
      test: /\.js$/,
      loader: 'babel-loader',
      exclude: /node_modules/,
    }],
  },
  optimization: {
    minimize: PRODUCTION,
    minimizer: [new TerserPlugin()],
  },
  output: {
    filename,
    globalObject: 'this',
    library,
    libraryTarget: 'commonjs2',
    path: `${__dirname}/lib`,
    umdNamedDefine: true,
  },
  plugins,
}

const TYPES = {
  cjs: 'commonjs2',
  umd: 'umd',
}
module.exports = Object.entries(TYPES).map(([typeName, libraryTarget]) => ({
  ...buildTarget,
  output: {
    ...buildTarget.output,
    libraryTarget,
    path: `${__dirname}/lib/${typeName}`,
  },
}))