webpack.config.js

const fs = require("fs");
const path = require("path");
const webpack = require("webpack");

const subjectsDir = path.join(__dirname, "subjects");
const subjectDirs = fs
  .readdirSync(subjectsDir)
  .map(file => path.join(subjectsDir, file))
  .filter(file => fs.lstatSync(file).isDirectory());

module.exports = {
  devtool: "source-map",
  mode: "development",

  entry: subjectDirs.reduce(
    (chunks, dir) => {
      const base = path.basename(dir);

      ["lecture", "exercise", "solution"].forEach(name => {
        const file = path.join(dir, `${name}.js`);

        if (fs.existsSync(file)) {
          chunks[`${base}-${name}`] = file;
        }
      });

      return chunks;
    },
    {
      shared: ["react", "react-dom"],
      index: path.join(subjectsDir, "index.js")
    }
  ),

  output: {
    path: __dirname + "public",
    filename: "[name].js",
    chunkFilename: "[id].chunk.js",
    publicPath: "/"
  },

  module: {
    rules: [
      {
        test: /\.js$/,
        exclude: /node_modules|mocha-browser\.js/,
        loader: "babel-loader"
      },
      { test: /\.css$/, use: ["style-loader", "css-loader"] },
      { test: /\.(ttf|eot|svg|png|jpg)$/, loader: "file-loader" },
      {
        test: /\.woff(2)?$/,
        loader: "url-loader?limit=10000&mimetype=application/font-woff"
      },
      {
        test: require.resolve("jquery"),
        loader: "expose-loader?jQuery"
      }
    ]
  },

  devServer: {
    quiet: false,
    noInfo: false,
    overlay: true,
    historyApiFallback: {
      rewrites: []
    },
    stats: {
      // Config for minimal console.log mess.
      assets: true,
      colors: true,
      version: true,
      hash: true,
      timings: true,
      chunks: false,
      chunkModules: false
    }
  },

  optimization: {
    splitChunks: {
      name: "shared"
    }
  }
};