billiards/webpack.config.js at master · tailuge/billiards · 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
100
101
102
103
104
105
106
107
108
109
const path = require("node:path")
const TerserPlugin = require("terser-webpack-plugin")
module.exports = {
  entry: {
    index: "./src/index.ts",
    diagram: "./src/diagrams.ts",
    mathavan: "./src/mathavan.ts",
    compare: "./src/compare.ts",
    stronge: "./src/stronge_diagram.ts",
    worker: "./src/worker.ts",
  },
  module: {
    rules: [
      {
        use: {
          loader: "swc-loader",
          options: {
            jsc: {
              parser: {
                syntax: "typescript",
                tsx: false,
              },
            },
            env: {
              targets: {
                ios: "12",
              },
            },
          },
        },
        exclude: /node_modules\/(?!(three|@tailuge\/messaging|jsoncrush))/,
      },
    ],
  },
  resolve: {
    extensions: [".ts", ".js"],
  },
  devServer: {
    static: {
      directory: path.join(__dirname, "dist"),
    },
    allowedHosts: [".gitpod.io"],
    host: "localhost",
    compress: true,
    port: 8080,
    client: {
      progress: true,
    },
  },
  performance: { hints: false },
  mode: "production",
  optimization: {
    minimize: true,
    minimizer: [
      new TerserPlugin({
        minify: TerserPlugin.swcMinify,
        extractComments: false,
        terserOptions: {
          compress: {
            unused: true,
            dead_code: true,
          },
          mangle: {
            keepClassNames: true,
          },
          safari10: true,
        },
      }),
    ],
    usedExports: true,
    sideEffects: true,
    innerGraph: true,
    splitChunks: {
      cacheGroups: {
        three_core: {
          test: /[\\/]node_modules[\\/]three[\\/]build[\\/]three\.core\.js/,
          name: "three_core",
          chunks: (chunk) => chunk.name !== "worker",
          priority: 30,
        },
        three_module: {
          test: /[\\/]node_modules[\\/]three[\\/]build[\\/]three\.module\.js/,
          name: "three_module",
          chunks: (chunk) => chunk.name !== "worker",
          priority: 30,
        },
        three_examples: {
          test: /[\\/]node_modules[\\/]three[\\/]examples[\\/]jsm[\\/]/,
          name: "three_examples",
          chunks: (chunk) => chunk.name !== "worker",
          priority: 30,
        },
        messaging: {
          test: /[\\/]node_modules[\\/]@tailuge[\\/]messaging[\\/]/,
          name: "messaging",
          chunks: (chunk) => chunk.name !== "worker",
          priority: 20,
        },
      },
    },
    moduleIds: "named",
  },
  stats: {
    errorDetails: true,
  },
  cache: {
    type: "filesystem",
  },
}