webpack.config.js

const path = require("path");

module.exports = (env, argv) => {
  let devtool = false;
  if (argv.mode === 'development') {
    devtool = 'inline-source-map';
  }
  console.log(`${argv.mode} build`);
  const module = {
    rules: [
      {
        test: /\.tsx?$/,
        exclude: /node_modules/,
        use: [
          {
            loader: "babel-loader",
            options: {
              presets: ["@babel/preset-env"],
              plugins: [
                // @see https://github.com/babel/babel/issues/9849
                ["@babel/transform-runtime"],
              ],
            },
          },
          {
            loader: "ts-loader",
          },
        ],
      }
    ]
  };
  return [{
    name: 'default',
    devtool,
    entry: "./src/index.ts",
    output: {
      path: path.resolve(__dirname, "dist"),
      filename: "jsfeatNext.js",
      library: "jsfeatNext",
      libraryTarget: "umd",
      // @see: https://github.com/webpack/webpack/issues/3929
      libraryExport: "default",
      // @see: https://github.com/webpack/webpack/issues/6522
      globalObject: "this",
    },
    resolve: {
      extensions: [".tsx", ".ts", ".js"],
      // @see https://stackoverflow.com/questions/59487224/webpack-throws-error-with-emscripten-cant-resolve-fs
      fallback: {
        fs: false,
        path: false,
        crypto: false,
      },
    },
    module
  },
  ];
}