webpack.config.js

const path = require('path');
const pkg = require('./package.json');
const libraryName = pkg.name;
module.exports = env => {
    const isProduction = env === 'production';
    return {
        entry: './src/index.js',
        output: {
            filename: isProduction ? 'react-dyn-tabs.umd.min.js' : 'react-dyn-tabs.umd.js',
            path: path.resolve(__dirname, 'dist'),
            library: libraryName,
            libraryTarget: 'umd',
            publicPath: '/dist/',
            umdNamedDefine: true
        },
        devtool: isProduction ? 'source-map' : 'inline-source-map',
        mode: env,
        module: {
            rules: [
                {
                    test: /\.m?js$/,
                    exclude: /(node_modules|bower_components)/,
                    use: {
                        loader: 'babel-loader'
                    }
                },
                {
                    test: /\.css$/i,
                    use: ['style-loader', 'css-loader'],
                }
            ]
        },
        resolve: {
            alias: {
                'assets': path.resolve(__dirname, 'assets')
            }
        },
        externals: {
            react: {
                commonjs: "react",
                commonjs2: "react",
                amd: "React",
                root: "React"
            },
            "react-dom": {
                commonjs: "react-dom",
                commonjs2: "react-dom",
                amd: "ReactDOM",
                root: "ReactDOM"
            }
        }
    };
};