webpack.config.js

const path = require('path');

const commonConfig = {
    mode: "production",
    module: {
        rules: [{
                test: /\.svg$/,
                issuer: /\.[jt]sx?$/,
                use: [{
                    loader:'@svgr/webpack',
                    options: {
                        expandProps: "end",
                        svgoConfig: {}
                    }
                }]
            }, {
                test: /\.jsx?$/,
                loader: 'babel-loader',
                exclude: [/node_modules/]
            },
            {
                test: /\.(graphql|gql)$/,
                exclude: /node_modules/,
                loader: 'raw-loader'
            },{
                test: /\.s?css$/,
                use: ['style-loader', {
                    loader: 'css-loader',
                    options: {
                        modules: {
                            localIdentName:'[local]'
                        }
                    }
                }, {
                    loader: 'sass-loader',
                    options: {
                        sourceMap: true
                    }
                }]
        }]
    },
    resolve: {
        extensions: ['.js', '.jsx' ],
        fallback: {
            fs: false,
            buffer: require.resolve('buffer'),
            crypto: require.resolve('crypto-browserify'),
            path: require.resolve('path-browserify'),
            stream: require.resolve('stream-browserify')
        }
    }
};

const webWorker = {
    ...commonConfig,
    entry: {
        'worker':'./lib/RcsbFvWeb/RcsbFvWorkers/RcsbFvAlignmentCollectorWorker.worker.js'
    },
    output: {
        filename: '[name].js',
        path: path.resolve(__dirname, 'build')
    }
};

const webBuilder = {
    ...commonConfig,
    entry: {
        'app':'./lib/app.js'
    },
    output: {
        filename: '[name].js',
        library: 'RcsbFvWebApp',
        libraryTarget: 'umd',
        umdNamedDefine: true,
        path: path.resolve(__dirname, 'build')
    }
};

const webChart = {
    ...commonConfig,
    entry: {
        'plot':'./lib/plot.js'
    },
    output: {
        filename: '[name].js',
        library: 'RcsbChartWebApp',
        libraryTarget: 'umd',
        umdNamedDefine: true,
        path: path.resolve(__dirname, 'build')
    }
};

const webConstants = {
    ...commonConfig,
    entry: {
        'constants':'./lib/constants.js'
    },
    output: {
        filename: '[name].js',
        library: 'RcsbChartConstants',
        libraryTarget: 'umd',
        umdNamedDefine: true,
        globalObject: 'this',
        path: path.resolve(__dirname, 'build')
    }
};

module.exports =[webWorker, webBuilder, webChart, webConstants];