webpack.config.js

const HtmlWebpackPlugin = require("html-webpack-plugin");
const { DefinePlugin, IgnorePlugin, EnvironmentPlugin } = require("webpack");

const commitHash = require("child_process")
  .execSync("git rev-parse HEAD")
  .toString()
  .trim();

module.exports = [
  {
    mode: process.env.NODE_ENV ? process.env.NODE_ENV : "development",
    devtool: process.env.DBG ? "cheap-source-map" : undefined,
    entry: {
      main: "./src/main/main.ts",
      preload: "./src/main/preload.ts",
      updater: "./src/main/updater.ts",
    },
    target: "electron-main",
    resolve: {
      extensions: [".js", ".jsx", ".ts", ".tsx"],
    },
    module: {
      rules: [
        {
          test: /\.ts$/,
          include: /src/,
          use: [{ loader: "ts-loader" }],
        },
      ],
    },
    output: {
      path: __dirname + "/dist/main",
      filename: "[name].js",
    },
    plugins: [
      new DefinePlugin({
        VERSION: JSON.stringify(commitHash),
        IS_PROD: process.env.NODE_ENV == "production",
      }),
      new IgnorePlugin({
        resourceRegExp: /canvas/,
        contextRegExp: /jsdom$/,
      }),
    ],
  },
  {
    mode: "development",
    entry: "./src/renderer/index.tsx",
    target: "electron-renderer",
    resolve: {
      extensions: [".js", ".jsx", ".ts", ".tsx"],
    },
    devtool: "source-map",
    module: {
      rules: [
        {
          test: /\.ts(x?)$/,
          include: /src/,
          use: [{ loader: "ts-loader" }],
        },
        {
          test: /\.css$/,
          include: /src/,
          use: ["style-loader", "css-loader"],
        },
      ],
    },
    output: {
      path: __dirname + "/dist/renderer",
      filename: "renderer.js",
    },
    plugins: [
      new HtmlWebpackPlugin({
        template: "./src/renderer/index.html",
      }),
    ],
  },
];