webpack.config.js

/** @typedef {import("webpack").Configuration} Configuration */
/** @typedef {{ entryFile: string, externals: string[], libraryName: string, outDir: string }} LibraryConfiguration */
/** @type {(config: LibraryConfiguration) => Configuration} */
module.exports = ({ entryFile, externals, libraryName, outDir }) => ({
  devtool: "source-map",
  entry: entryFile,
  externals,
  mode: "production",
  module: {
    rules: [
      {
        exclude: /node_modules/,
        test: /\.tsx?$/,
        use: [
          {
            loader: "ts-loader",
            options: {
              configFile: "tsconfig.build.json",
            },
          },
        ],
      },
    ],
  },
  output: {
    library: {
      name: libraryName,
      type: "umd",
    },
    filename: "index.js",
    globalObject: "this",
    path: outDir,
  },
  resolve: {
    extensions: [".tsx", ".ts"],
  },
  stats: true,
  target: ["web", "es5"],
});