webpack.config.js

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

module.exports = {
  entry: `${__dirname}/src/CodeBooth.tsx`,
  output: {
    filename: "rp-codebooth.js",
    path: __dirname,
    library: "RPCodeBooth",
    libraryTarget: "umd"
  },

  devtool: false,

  externals: {
    "liqvid": {
      commonjs: "liqvid",
      commonjs2: "liqvid",
      amd: "liqvid",
      root: "Liqvid"
    },
    "ractive-player": {
      commonjs: "ractive-player",
      commonjs2: "ractive-player",
      amd: "ractive-player",
      root: "RactivePlayer"
    },
    "react": {
      commonjs: "react",
      commonjs2: "react",
      amd: "react",
      root: "React"
    },
    "rp-recording": {
      commonjs: "rp-recording",
      commonjs2: "rp-recording",
      amd: "rp-recording",
      root: "RPRecording"
    },
  },

  mode: "production",

  module: {
    rules: [
     {
        test: /\.tsx?$/,
        loader: "ts-loader"
      }
    ]
  },

  optimization: {
    minimizer: [
      new TerserPlugin({
        parallel: true,
        terserOptions: {
          safari10: true
        }
      })
    ],
    emitOnErrors: true
  },

  plugins: [
    new webpack.BannerPlugin({
      banner: () => require("fs").readFileSync("./LICENSE", {encoding: "utf8"})
    })
  ],

  resolve: {
    extensions: [".ts", ".tsx", ".js", ".jsx", ".json"]
  }
}