webpack.config.js

const UglifyJsPlugin = require('uglifyjs-webpack-plugin');
const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin;
const path = require('path');
const webpack = require('webpack');
const TerserPlugin = require('terser-webpack-plugin');

module.exports = (env, argv) => {
  console.log(argv.mode);
  return {
    mode: argv.mode,
    entry: {
      T1CSdk: './src/index.ts',
    },
    devtool: argv.mode === 'production' ? 'source-map' : 'eval-source-map',
    output: {
      path: path.resolve(__dirname, 'dist'),
      filename: '[name].js',
      library: 'T1CSdk',
      libraryTarget: 'umd',
      umdNamedDefine: true,
    },
    plugins:
      argv.mode === 'production'
        ? [
            new webpack.DefinePlugin({
              VERSION: JSON.stringify(require('./package.json').version),
            }),
          ]
        : [
            new webpack.DefinePlugin({
              VERSION: JSON.stringify(require('./package.json').version),
            }),
            new BundleAnalyzerPlugin({
              analyzerMode: 'static',
              openAnalyzer: false,
            }),
          ],
    optimization:
      argv.mode === 'production'
        ? {
            minimize: true,
            minimizer: [new TerserPlugin()],
          }
        : {
            minimize: false,
          },
    resolve: {
      extensions: ['.ts', '.js', '.tsx', '.jsx'],
    },
    module: {
      rules: [
        {
          test: /\.js$/,
          exclude: /node_modules\/(?!(pkijs|asn1|asn1js|pvutils)\/).*/,
          use: {
            loader: 'babel-loader',
            options: {
              presets: ['@babel/preset-env'],
              plugins: ["@babel/plugin-transform-arrow-functions"]
            },
          },
        },
        {
          test: /\.ts$/,
          exclude: /node_modules/,
          use: 'ts-loader',
        },
      ],
    },
  };
};