webpack.config.js

var webpack = require('webpack');
var path = require("path");
const TerserPlugin = require('terser-webpack-plugin');

const BUILD_DIR = 'build';

function publicPath() {
  return '';
}

var plugins = [
  new webpack.DefinePlugin({
    '__OGV_FULL_VERSION__': JSON.stringify(process.env.OGV_FULL_VERSION)
  }),
];

var babelRuleES6 = {
  test: /\.m?js$/,
  exclude: /node_modules/,
  use: {
    loader: 'babel-loader',
    options: {
      presets: [
        [
          '@babel/preset-env',
          {
            targets: {
              "chrome": 84,
              "edge": 16,
              "safari": 11.1,
              "firefox": 78,
              "opera": 103,
            }
          }
        ]
      ],
      plugins: [
        '@babel/plugin-transform-modules-commonjs',
        '@babel/plugin-transform-runtime'
      ]
    }
  }
};

var urlLoader = {
  test: /\.(png|gif|jpg|jpeg|mp3|mp4|webm|ogg)$/,
  exclude: /node_modules/,
  use: [
    {
      loader: 'url-loader',
      options: {
        limit: 8192,
      },
    },
  ],
};

var optopts = {
  minimizer: [
    new TerserPlugin({
      terserOptions: {
        keep_fnames: true
      }
    })
  ]
};

module.exports = [
  {
    // Main entry point! - ES6
    entry: './src/js/ogv.js',
    mode: 'production',
    output: {
      path: path.resolve(__dirname, BUILD_DIR),
      publicPath: publicPath(),
      filename: 'ogv.js',
      libraryTarget: 'umd',
      library: 'ogvjs'
    },
    plugins: plugins,
    module: {
      rules: [
        babelRuleES6,
        urlLoader
      ]
    },
    optimization: optopts,
  },
  {
    // Alt limited entry point for compat testing before loading
    entry: './src/js/ogv-support.js',
    mode: 'production',
    output: {
      path: path.resolve(__dirname, BUILD_DIR),
      publicPath: publicPath(),
      filename: 'ogv-support.js'
    },
    plugins: plugins,
    module: {
      rules: [
        babelRuleES6,
        urlLoader
      ]
    }
  },
  {
    // Alt limited entry point for just exposting the version marker string
    entry: './src/js/ogv-version.js',
    mode: 'production',
    output: {
      path: path.resolve(__dirname, BUILD_DIR),
      publicPath: publicPath(),
      filename: 'ogv-version.js'
    },
    plugins: plugins,
    module: {
      rules: [
        babelRuleES6,
        urlLoader
      ]
    },
    optimization: optopts,
  },
	{
	  entry: './src/js/workers/ogv-worker-audio.js',
    mode: 'production',
	  output: {
	    path: path.resolve(__dirname, BUILD_DIR),
      publicPath: publicPath(),
	    filename: 'ogv-worker-audio.js'
	  },
    plugins: plugins,
    module: {
      rules: [
        babelRuleES6,
        urlLoader
      ]
    },
    optimization: optopts,
	},
  {
    entry: './src/js/workers/ogv-worker-video.js',
    mode: 'production',
    output: {
      path: path.resolve(__dirname, BUILD_DIR),
      publicPath: publicPath(),
      filename: 'ogv-worker-video.js'
    },
    plugins: plugins,
    module: {
      rules: [
        babelRuleES6,
        urlLoader
      ]
    },
    optimization: optopts,
  },
];