dicom-microscopy-viewer/config/webpack/webpack-dynamic-import.js

Interactive web-based viewer for DICOM Microscopy Images

const path = require('path')
const merge = require('./merge')
const rootPath = process.cwd()
const baseConfig = require('./webpack-base')
const TerserPlugin = require('terser-webpack-plugin')
const outputPath = path.join(rootPath, 'dist', 'dynamic-import')

/** Override the WASM rule from base config to use a specific public path to avoid conflicts */
const wasmRule = {
  test: /\.wasm/,
  type: 'asset/resource',
  generator: {
    filename: 'dicom-microscopy-viewer/[name][ext]'
  }
}

const prodConfig = {
  mode: process.env.NODE_ENV === 'production' ? 'production' : 'development',
  stats: {
    children: true
  },
  output: {
    path: outputPath,
    libraryTarget: 'umd',
    globalObject: 'window',
    filename: '[name].min.js',
  },
  module: {
    rules: [wasmRule]
  },
  optimization: {
    minimize: process.env.NODE_ENV === 'production',
    minimizer: [
      new TerserPlugin({
        parallel: true
      })
    ]
  }
}

module.exports = merge(baseConfig, prodConfig)