webpack.config.js

const path = require('path');

// When running in docker, we install libraries into /tools/node_modules
// so that we don't overwrite the user's local kuma/node_modules directory
// with linux versions of modules (like the binary newrelic module).
// To make this work, the docker container sets the NODE_PATH environment
// variable so that code can be found in /tools/node_modules.
// But we also have to convince webpack and babel to use the /tools
// directory when we're running in docker, so this nodePath constant
// is the absolute path to the node_modules directory we want to use.
// We set it on resolve.modules below, and prepend it to the name of
// all the babel plugins so we're sure we're gettting precisely the
// file we want both locally (NODE_PATH not set) and in docker.
//
// TODO: there ought to be a better way to do this.
//
const nodePath = process.env.NODE_PATH || path.join(__dirname, 'node_modules');

const commonConfig = {
    mode: 'production', // Or switch to "development"
    module: {
        rules: [
            {
                test: /\.jsx?$/,
                exclude: /node_modules/,
                use: {
                    loader: 'babel-loader'
                }
            },
            {
                test: /\.svg$/,
                exclude: /node_modules/,
                use: [
                    {
                        loader: 'babel-loader'
                    },
                    {
                        loader: 'react-svg-loader',
                        options: {
                            jsx: true, // true outputs JSX tags
                            svgo: {
                                // Disable this one svgo plugin because it
                                // strips the role attribute from our svgs
                                plugins: [
                                    {
                                        removeUnknownsAndDefaults: false,
                                        removeViewBox: false
                                    }
                                ]
                            }
                        }
                    }
                ]
            }
        ]
    },
    resolve: {
        modules: [nodePath]
    },
    resolveLoader: {
        modules: [nodePath]
    }
};

module.exports = [
    {
        target: 'web',
        entry: path.resolve(__dirname, './kuma/javascript/src/index.jsx'),
        output: {
            filename: 'react.js',
            path: path.resolve(__dirname, './kuma/javascript/dist/')
        },
        ...commonConfig
    },
    {
        target: 'node',
        entry: path.resolve(__dirname, './kuma/javascript/src/ssr.jsx'),
        output: {
            filename: 'ssr.js',
            path: path.resolve(__dirname, './kuma/javascript/dist/'),
            libraryExport: 'default',
            libraryTarget: 'commonjs2'
        },
        ...commonConfig
    }
];