webpack.config.js

const path = require("path");
const webpack = require("webpack");
const ForkTsCheckerWebpackPlugin = require("fork-ts-checker-webpack-plugin");
const { CleanWebpackPlugin } = require("clean-webpack-plugin");

const setBabelEnvIfUnset = (mode) => {
  const validModes = ["development", "production", "test"];
  if (validModes.includes(process.env.BABEL_ENV)) {
    return;
  }
  if (validModes.includes(process.env.NODE_ENV)) {
    process.env.BABEL_ENV = process.env.NODE_ENV;
    return;
  }
  if (validModes.includes(mode)) {
    process.env.BABEL_ENV = mode;
    return;
  }
  process.env.BABEL_ENV = "development";
};

module.exports = (env, argv) => {
  setBabelEnvIfUnset(argv.mode);

  const config = {
    mode: "production",
    entry: ["./src/index.tsx"],
    target: "node",
    output: {
      path: path.resolve(__dirname, "dist"),
      filename: "index.js",
    },
    node: {
      __dirname: true,
      __filename: true,
    },
    module: {
      rules: [
        {
          test: /\.(j|t)sx?$/,
          exclude: /node_modules/,
          use: {
            loader: "babel-loader",
            options: {
              cacheDirectory: true,
              cacheCompression: false,
              presets: ["react-app"],
            },
          },
        },
        {
          test: /\.(png|jpe?g|gif|svg|bmp)$/i,
          use: [{ loader: "file-loader" }],
        },
        {
          test: /\.node/i,
          use: [
            {
              loader: "native-addon-loader",
              options: {
                name: "[name]-[hash].[ext]",
              },
            },
          ],
        },
      ],
    },
    plugins: [],
    resolve: {
      extensions: [".tsx", ".ts", ".js", ".jsx", ".json"],
      alias: {
        "@native": path.resolve(__dirname, "build/Release/"),
      },
    },
  };

  if (argv.mode === "development") {
    config.mode = "development";
    config.plugins.push(new webpack.HotModuleReplacementPlugin());
    config.plugins.push(new ForkTsCheckerWebpackPlugin());
    config.devtool = "source-map";
    config.watch = true;
    config.entry.unshift("webpack/hot/poll?100");
  }

  if (argv.p) {
    config.plugins.push(new CleanWebpackPlugin());
  }
  return config;
};