webpack.config.middleware.js

var path = require('path');
var fs = require('fs-extra');
var CompressionPlugin = require('compression-webpack-plugin');
var TerserPlugin = require('terser-webpack-plugin');
var BundleAnalyzerPlugin = require('webpack-bundle-analyzer')
  .BundleAnalyzerPlugin;

var files = fs.readdirSync('./middleware');
var isProd = process.env.NODE_ENV === 'production';

var entries = {};

files.forEach(function(file) {
  var filePath = './middleware/' + file + '/lib/index.js';
  if (!fs.existsSync(filePath)) {
    filePath = './middleware/' + file + '/lib/index.ts';
    if (!fs.existsSync(filePath)) {
      return;
    }
  }
  entries[file] = filePath;
});

var plugins = [
  new CompressionPlugin({
    cache: true,
    deleteOriginalAssets: false
  })
];

if (process.env.ANALYZE) {
  plugins.push(new BundleAnalyzerPlugin());
}

module.exports = {
  entry: entries,
  mode: process.env.NODE_ENV || 'development',
  devtool: 'source-map',
  output: {
    filename: '[name]/latest/[name].js',
    path: path.resolve(__dirname, 'build/middleware'),
    library: '[name]Middleware',
    libraryTarget: 'umd'
  },
  module: {
    rules: [
      {
        test: /\.m?js$/,
        exclude: /(node_modules)/,
        use: {
          loader: 'babel-loader',
          options: {
            presets: [
              [
                '@babel/preset-env',
                {
                  targets: {
                    ie: '11'
                  }
                }
              ]
            ]
          }
        }
      }
    ]
  },
  resolve: {
    extensions: ['.ts', '.js']
  },
  devServer: {
    contentBase: path.resolve(__dirname, 'build')
  },
  optimization: {
    moduleIds: 'hashed',
    minimize: isProd,
    minimizer: [
      new TerserPlugin({
        extractComments: false,
        terserOptions: {
          ecma: '2015',
          mangle: true,
          compress: true,
          output: {
            comments: false
          }
        }
      })
    ]
  },
  plugins: plugins
};