webpack.config.prod.js

const package = require('./package.json');
const path = require('path');

const config = {
    mode: 'production',
    entry: './main.prod.js',
    output: {
        path: path.normalize(__dirname + '/build'),
        publicPath: '',
        filename: 'index.js',
        library: '[name]',
        chunkFilename: '[name].[chunkhash].js',
        libraryTarget: 'umd',
        umdNamedDefine: true
    },
    devServer: {
        inline: true,
        port: 8888
    },
    module: {
        rules: [
            {
                test: /\.jsx?$/,
                exclude: /node_modules/,
                loader: 'babel-loader',
                query: {
                    presets: ['es2015', 'react', 'stage-0'] // stage-2 = transform-object-rest-spread etc
                }
            },
            {
                test: /\.css$/,
                loader: 'style-loader!css-loader?modules&importLoaders=1&localIdentName=[name]__[local]___[hash:base64:5]'
            },
            {test: /\.(png|jpg)$/, loader: 'url-loader?limit=8192'}
        ]
    },
    plugins: []
        .concat(require('./helpers/plugins/injectVars')({
            bundleName: package.name,
            bundleVersion: package.version,
            bundleDescription: package.description,
            bundleAuthor: package.author,
            isPlatform: false,
        })),
    externals: [{
        'react': 'umd react',
        'react-dom': 'umd react-dom',
        'prop-types': 'umd prop-types',
        'classnames': 'umd classnames',
        'css-loader': 'umd css-loader',
        'file-loader': 'umd file-loader',
        'style-loader': 'umd style-loader',
        'url-loader': 'umd url-loader',
        'resolve-url': 'umd resolve-url',
        'expect': 'umd expect',
        'react-rte': 'umd react-rte',
        'lodash': 'umd lodash',
        'hoek': 'umd hoek',
        'superagent': 'umd superagent',
        'react-minimal-pie-chart': 'umd react-minimal-pie-chart',
        'react-trend': 'umd react-trend',
        'react-select': 'umd react-select',
        '@material-ui/core/Select': 'umd @material-ui/core/Select'
    }, /@material-ui\/core\/*./,]
};
module.exports = config;