graphest/webpack.config.js at main · unageek/graphest · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
import path from "node:path";
import process from "node:process";

/** @typedef { import('webpack').Configuration } WebpackConfig */

/** @type { import('webpack').RuleSetRule } */
const tsLoaderRule = {
  include: path.resolve("src"),
  test: /\.tsx?$/,
  resolve: {
    extensions: [".js", ".jsx", ".ts", ".tsx"],
  },
  use: {
    loader: "ts-loader",
    options: {
      compilerOptions: {
        jsx:
          process.env.NODE_ENV === "development" ? "react-jsxdev" : "react-jsx",
      },
    },
  },
};

/** @type { WebpackConfig } */
const baseConfig = {
  ...(() => {
    switch (process.env.NODE_ENV) {
      case "development":
        return {
          devtool: "cheap-source-map",
          mode: "development",
          stats: "errors-warnings",
        };
      case "production":
        return {
          mode: "production",
          stats: "errors-warnings",
        };
      default:
        throw new Error(
          "set either NODE_ENV=development or NODE_ENV=production",
        );
    }
  })(),
  experiments: {
    outputModule: true,
  },
  output: {
    path: path.resolve("dist"),
    filename: "[name].js",
  },
};

/** @type { WebpackConfig } */
const mainConfig = {
  ...baseConfig,
  target: "electron-main",
  entry: path.resolve("src/main/main.ts"),
  module: {
    rules: [tsLoaderRule],
  },
};

/** @type { WebpackConfig } */
const preloadConfig = {
  ...baseConfig,
  target: "electron-preload",
  entry: { preload: path.resolve("src/renderer/preload.ts") },
  module: {
    rules: [tsLoaderRule],
  },
  // https://www.electronjs.org/docs/latest/tutorial/esm
  experiments: {
    outputModule: false,
  },
};

/** @type { WebpackConfig } */
const rendererConfig = {
  ...baseConfig,
  target: "electron-renderer",
  entry: { bundle: path.resolve("src/renderer/App.tsx") },
  module: {
    rules: [
      {
        test: /\.css$/,
        use: ["style-loader", "css-loader"],
      },
      {
        test: /\.(eot|png|svg|ttf|woff|woff2)$/,
        type: "asset/resource",
      },
      tsLoaderRule,
    ],
  },
};

/** @type { WebpackConfig[] } */
export default [mainConfig, preloadConfig, rendererConfig];