webpack.config.js

const TerserPlugin = require('terser-webpack-plugin');
const InjectPlugin = require('webpack-inject-plugin').default;
const path = require('path');
const pkg = require("./package.json");

const LIBRARY_NAME = pkg.name;
const PROJECT_NAME = pkg.name.replace("@", "").replace("/", "-");

const defaultConfig = env => ({
  mode: env.prod ? "production" : "development",
  devtool: 'source-map',
  resolve: {
    alias: {
      typescript: false,
      'threads/observable': path.join(__dirname, "node_modules", '/threads/observable.js'),
      'threads': path.join(__dirname, "node_modules", '/threads/dist/index.js'),
    },
    fallback: {
      path: false,
      fs: false,
      os: false,
    }
  },
  optimization: {
    minimize: env.prod,
    minimizer: [
      new TerserPlugin({
        parallel: true,
        terserOptions: {
          keep_classnames: true,
          sourceMap: true,
        }
      })
    ],
    portableRecords: true,
    usedExports: true,
    providedExports: true
  },
  performance: {
    hints: false,
    maxEntrypointSize: 300000,
    maxAssetSize: 300000
  },
});

const bundle = (env, module) => ({
  name: PROJECT_NAME,
  entry: `./dist/esm5/index.js`,
  output: {
    path: path.resolve(__dirname, 'dist'),
    filename: `web/${PROJECT_NAME}${module ? ".es" : ""}${env.prod ? ".min" : ""}.js`,
    library: module ? undefined : ['OpenHPS', 'core'],
    libraryTarget: module ? "module" : "umd",
    umdNamedDefine: !module,
    globalObject: module ? undefined : `(typeof self !== 'undefined' ? self : this)`,
  },
  experiments: {
    outputModule: module,
  },
  externals: [],
  plugins: [],
  ...defaultConfig(env)
});

module.exports = env => [
  bundle(env, true),
  bundle(env, false),
  {
    name:`${PROJECT_NAME}-worker`,
    entry: `./dist/cjs/worker/WorkerRunner.js`,
    externals: {'..': LIBRARY_NAME},
    output: {
      path: path.resolve(__dirname, 'dist'),
      filename: `web/worker.${PROJECT_NAME}${env.prod ? ".min" : ""}.js`,
      libraryTarget: 'umd',
      umdNamedDefine: true,
      globalObject: `(typeof self !== 'undefined' ? self : this)`,
    },
    plugins: [
      new InjectPlugin(function() {
        return `importScripts('${PROJECT_NAME}${env.prod ? ".min" : ""}.js'); __WEBPACK_EXTERNAL_MODULE____ = self.OpenHPS.core;`
      })
    ],
    ...defaultConfig(env)
  },
  {
    name:`${PROJECT_NAME}-worker`,
    entry: `./dist/esm5/worker/WorkerRunner.js`,
    output: {
      path: path.resolve(__dirname, 'dist'),
      filename: `web/worker.${PROJECT_NAME}.es${env.prod ? ".min" : ""}.js`,
      libraryTarget: 'module',
      umdNamedDefine: false,
    },
    externals: {'..': `./openhps-core.es${env.prod ? ".min" : ""}.js`},
    plugins: [],
    experiments: {
      outputModule: true,
    },
    ...defaultConfig(env)
  },
  {
    name: PROJECT_NAME,
    entry: `./dist/esm5/index.lite.js`,
    output: {
      path: path.resolve(__dirname, 'dist'),
      filename: `web/${PROJECT_NAME}-lite${env.prod ? ".min" : ""}.js`,
      library: ['OpenHPS', 'core'],
      libraryTarget: "umd",
      umdNamedDefine: true,
      globalObject: `(typeof self !== 'undefined' ? self : this)`,
    },
    experiments: {
      outputModule: false,
    },
    externals: [],
    plugins: [],
    ...defaultConfig(env)
  }
];