@webarkit/jsartoolkit-nft/webpack.config.js

Emscripten port of ARToolKit5 to JavaScript. It is a lighter version of Jsartoolkit5 with only NFT markerless support

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('dist'),
        path: path.resolve(__dirname, "dist"),
        filename: "ARToolkitNFT.js",
        //library: "ARToolkitNFT",
        libraryTarget: "umd",
        // @see: https://github.com/webpack/webpack/issues/3929
        //libraryExport: "default",
        // @see: https://github.com/webpack/webpack/issues/6522
        globalObject: "typeof self !== 'undefined' ? self : 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,
    },
    {
      name: "simd",
      devtool,
      entry: "./src/index_simd.ts",
      output: {
        //path: path.resolve('dist'),
        path: path.resolve(__dirname, "dist"),
        filename: "ARToolkitNFT_simd.js",
        //library: "ARToolkitNFT",
        libraryTarget: "umd",
        // @see: https://github.com/webpack/webpack/issues/3929
        //libraryExport: "default",
        // @see: https://github.com/webpack/webpack/issues/6522
        globalObject: "typeof self !== 'undefined' ? self : 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,
    },
    {
      name: "threaded",
      devtool,
      entry: "./src/index_td.ts",
      output: {
        //path: path.resolve('dist'),
        path: path.resolve(__dirname, "dist"),
        filename: "ARToolkitNFT_td.js",
        chunkFilename: "[id].ARToolkitNFT_td.js", // Ensure pthread worker chunks are output
        //library: "ARToolkitNFT",
        libraryTarget: "umd",
        // @see: https://github.com/webpack/webpack/issues/3929
        //libraryExport: "default",
        // @see: https://github.com/webpack/webpack/issues/6522
        globalObject: "typeof self !== 'undefined' ? self : 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,
    },
    {
      name: "node",
      target: "node",
      devtool,
      entry: "./src/index_node.ts",
      output: {
        path: path.resolve(__dirname, "dist"),
        filename: "ARToolkitNFT_node.js",
        libraryTarget: "commonjs2",
      },
      resolve: {
        extensions: [".tsx", ".ts", ".js"],
        fallback: {
          fs: false,
          path: false,
          crypto: false,
        },
      },
      module,
    },
  ];
};