webpack.config.prod.js

const webpack = require('webpack');
const TerserPlugin = require('terser-webpack-plugin');
const CleanWebpackPlugin = require('clean-webpack-plugin');
const path = require('path');

const SRC_PATH = path.resolve(__dirname, 'src');
const DIST_PATH = path.resolve(__dirname, 'dist');

module.exports = [
    {
        mode: 'production',
        target: 'web',
        context: SRC_PATH,
        devtool: false,
        entry: [/*'@babel/polyfill', */'./ReactCustomizableProgressbar'],
        output: {
            path: DIST_PATH,
            filename: 'ReactCustomizableProgressbar.js',
            library: 'ReactCustomizableProgressbar',
            libraryTarget: 'umd',
            globalObject: 'this'
        },
        resolve: {
            extensions: ['.js', '.jsx', '.ts', '.tsx']
        },
        module: {
            rules: [
                {
                    test: /\.tsx?$/,
                    exclude: /node_modules/,
                    loader: 'ts-loader'
                },
                {
                    test: /\.jsx?$/,
                    exclude: /node_modules/,
                    loader: 'babel-loader',
                    options: {
                        presets: [['@babel/preset-env', { modules: false }], '@babel/preset-react'],
                        plugins: [
                            '@babel/plugin-proposal-class-properties',
                            '@babel/plugin-proposal-object-rest-spread'
                        ]
                    }
                }
            ]
        },
        externals: {
            react: 'react'
        },
        plugins: [
            new webpack.EnvironmentPlugin({
                NODE_ENV: 'production'
            }),
            new CleanWebpackPlugin(DIST_PATH)
        ],
        optimization: {
            minimize: true,
            minimizer: [new TerserPlugin()]
        }
    }
];