webpack.config.js

const env = process.env.NODE_ENV || 'development';

const webpack = require('webpack');
const path = require('path');
const UglifyJsPlugin = require('uglifyjs-webpack-plugin')
const webpackUMDExternal = require('webpack-umd-external');

const pluginsList = [];
const outputFileName = env === 'production' ?
  'react-star-rating-component-new.min.js' :
  'react-star-rating-component-new.js';

if (env === 'production') {
  pluginsList.push(
    new UglifyJsPlugin({
      uglifyOptions: {
        warnings: false,
        output: { comments: false }
      }
    })
  );
}

const config = {
  mode: env,

  entry: path.join(__dirname, 'src/StarRatingComponent.jsx'),

  output: {
    path: path.join(__dirname, 'dist'),
    filename: outputFileName,
    library: 'ReactStarRatingComponent',
    libraryTarget: 'umd',
    umdNamedDefine: true
  },

  externals: webpackUMDExternal({
    'react': 'React'
  }),

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

  plugins: pluginsList,

  module: {
    rules: [{
      test: /\.jsx?$/,
      enforce: 'pre',
      loader: 'eslint-loader',
      exclude: /node_modules/
    }, {
      test: /\.jsx?$/,
      exclude: /node_modules/,
      loader: 'babel-loader'
    }]
  }
};

module.exports = config;