webpack.config.js

const MiniCssExtractPlugin = require("mini-css-extract-plugin");

module.exports = (env, argv) => {
    const config = {
        target: ['web', 'es5'],
        entry: {
            'index': './src/index.js',
        },
        mode: 'production',
        output: {
            library: {
                name: 'Datagrid-react',
                type: 'umd',
                export: [ 'default' ],
            },
            globalObject: 'this',
            filename: '[name].js',
        },
        externals: {
            'lemonadejs': "lemonadejs",
            'react': 'commonjs react',
        },
        plugins: [],
        optimization: {
            minimize: false
        },
        module: {
            rules: [
                {
                    test: /\.css$/,
                    use: [ MiniCssExtractPlugin.loader,
                        "css-loader"
                    ],
                },
            ],
        },
        stats: { warnings:false },
    };

    if (argv.mode === "production") {
        config.plugins.push(
            new MiniCssExtractPlugin({
                filename: "style.css",
            }),
        );
    }

    return config;
};