silverstripe-webpack/webpack.config.common.js

const path = require("path");
const webpack = require("webpack");
const ExtractTextPlugin = require("extract-text-webpack-plugin");
const ManifestPlugin = require("webpack-manifest-plugin");
const conf = require("./webpack.configuration");
const isProduction = process.env.NODE_ENV === "production";

const jsScripts = {
    app: path.join(conf.SRC, "js/app.js"),
};

const _getAllFilesFromFolder = function(dir) {
    let filesystem = require("fs");
    let results = [];

    filesystem.readdirSync(dir).forEach(function(file) {

        file = dir + "/" + file;
        let stat = filesystem.statSync(file);

        if (stat && stat.isDirectory()) {
            results = results.concat(_getAllFilesFromFolder(file))
        } else results.push(file);

    });

    return results;
};

// add page specific scripts
const pageScripts = _getAllFilesFromFolder(conf.PAGES);
pageScripts.forEach((file) => {
    jsScripts[path.basename(file, ".js")] = file;
});

module.exports = {
    entry: jsScripts,
    devtool: "source-map",
    externals: {
        "custom-select": "CustomSelect",
        "ui-progress-button": "UIProgressButton"
    },
    module: {
        rules: [{
            test: /\.jsx?$/,
            exclude: /node_modules/,
            use: {
                loader: "babel-loader",
                options: {
                    presets: [
                        ["es2015", {
                            modules: false
                        }],
                        ["stage-2"]
                    ],
                    plugins: [
                        ["transform-react-jsx"],
                        ["react-hot-loader/babel"],
                    ]
                },
            }
        }, {
            test: /\.(png|jpg|gif|svg)$/,
            loader: "file-loader",
            options: {
                name: "img/[name].[ext]",
            }
        }, {
            test: /\.eot(\?v=\d+.\d+.\d+)?$/,
            use: {
                loader: "file-loader",
                options: {
                    name: "fonts/[name].[ext]"
                }
            }
        }, {
            test: /\.woff(2)?(\?v=[0-9]\.[0-9]\.[0-9])?$/,
            use: {
                loader: "url-loader",
                options: {
                    name: "fonts/[name].[ext]",
                    limit: 10000,
                    mimetype: "application/font-woff"
                }
            }
        }, {
            test: /\.[ot]tf(\?v=\d+.\d+.\d+)?$/,
            use: {
                loader: "url-loader",
                options: {
                    name: "fonts/[name].[ext]",
                    limit: 10000,
                    mimetype: "application/octet-stream"
                }
            }
        }, {
            test: /\.worker\.js$/,
            use: {
                loader: "worker-loader"
            }
        }]
    },
    plugins: [
        new webpack.ProvidePlugin({
            $: "jquery",
            jQuery: "jquery",
            "window.jQuery": "jquery",
            Popper: ["popper.js", "default"],
            Util: "exports-loader?Util!bootstrap/js/dist/util",
            Alert: "exports-loader?Alert!bootstrap/js/dist/alert",
            Button: "exports-loader?Button!bootstrap/js/dist/button",
            Carousel: "exports-loader?Carousel!bootstrap/js/dist/carousel",
            Collapse: "exports-loader?Collapse!bootstrap/js/dist/collapse",
            Dropdown: "exports-loader?Dropdown!bootstrap/js/dist/dropdown",
            Modal: "exports-loader?Modal!bootstrap/js/dist/modal",
            Tooltip: "exports-loader?Tooltip!bootstrap/js/dist/tooltip",
            Popover: "exports-loader?Popover!bootstrap/js/dist/popover",
            Scrollspy: "exports-loader?Scrollspy!bootstrap/js/dist/scrollspy",
            Tab: "exports-loader?Tab!bootstrap/js/dist/tab",
        })
    ],
};