webpack.config.js

const path = require('path');
const CopyPlugin = require("copy-webpack-plugin");
const webpack = require('webpack');

const commonConfig = {
  mode: 'production',
  devtool: 'source-map',
  entry: './src/index.ts',
  module: {
    rules: [
      {
        test: /\.tsx?$/,
        loader: 'ts-loader'
      },
      {
        test: /\.(png|jpg|gif|svg)$/i,
        use: [
          {
            loader: 'url-loader',
            options: {
              limit: true,
            },
          },
        ]
      }
    ]
  },
  resolve: {
    extensions: [ '.ts', '.tsx', '.js' ]
  },
  plugins: [
    new webpack.DefinePlugin({
      __VERSION__: JSON.stringify(require("./package.json").version)
    }),
    new CopyPlugin({
      patterns: [
        { from: "src/index.css", to: "index.css" }
      ]
    })
  ]
}

module.exports = [
  {
    ...commonConfig,
    experiments: {
      outputModule: true
    },
    output: {
      path: path.resolve(__dirname, 'dist'),
      filename: 'criipto-auth.esm.js',
      library: {
        type: 'module'
      }
    }
  },
  {
    ...commonConfig,
    output: {
      path: path.resolve(__dirname, 'dist'),
      filename: 'criipto-auth.cjs.js',
      library: {
        type: 'commonjs'
      }
    }
  },
  {
    ...commonConfig,
    output: {
      path: path.resolve(__dirname, 'dist'),
      filename: 'criipto-auth.umd.js',
      library: {
        name: 'CriiptoAuth',
        type: 'umd',
        export: 'default'
      }
    }
  }
];