aboutsummaryrefslogtreecommitdiff
path: root/webpack.config.js
blob: df9ebbcf45295e43f7bab7047595481902005ce0 (plain)
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
110
111
112
113
const path = require('path');
const webpack = require('webpack');
const merge = require('webpack-merge');
const { CheckerPlugin } = require('awesome-typescript-loader')
const TerserPlugin = require('terser-webpack-plugin');


function externalsCb(context, request, callback) {
  if (/.*taler-emscripten-lib.*/.test(request)) {
    callback(null, "undefined");
    return;
  }
  callback();
}

module.exports = function (env) {
  env = env || {};
  const base = {
    output: {
      filename: '[name]-bundle.js',
      chunkFilename: "[name]-bundle.js",
      path: path.resolve(__dirname, "dist"),
    },
    module: {
      noParse: /taler-emscripten-lib/,
      rules: [
        {
          test: /\.tsx?$/,
          loader: 'awesome-typescript-loader',
          exclude: /node_modules|taler-emscripten-lib|nodeEmscriptenLoader|synchronousWorker/,
        }
      ]
    },
    resolve: {
      modules: [path.resolve(__dirname, "./"), "node_modules"],
      extensions: [".tsx", ".ts", ".js"]
    },
    plugins: [
      new CheckerPlugin(),
    ],
    devtool: "source-map",
    externals: [
      externalsCb,
      "child_process",
    ],
    optimization: {
      minimize: false,
      minimizer: [
        new TerserPlugin({
          sourceMap: true,
          terserOptions: {
            keep_classnames: true,
            keep_fnames: true,
          }
        }),
      ],
    }
  }
  const configWebWorker = {
    entry: {"cryptoWorker": "./src/crypto/browserWorkerEntry.ts"},
    target: "webworker",
    name: "webworker",
  };

  const configBackground = {
    entry: {"background": "./src/webex/background.ts"},
    name: "background",
  };

  const configContentScript = {
    entry: {"contentScript": "./src/webex/notify.ts"},
    name: "contentScript",
  };

  const configExtensionPages = {
    entry: {
      "add-auditor": "./src/webex/pages/add-auditor.tsx",
      "auditors": "./src/webex/pages/auditors.tsx",
      "benchmark": "./src/webex/pages/benchmark.tsx",
      "pay": "./src/webex/pages/pay.tsx",
      "withdraw": "./src/webex/pages/withdraw.tsx",
      "error": "./src/webex/pages/error.tsx",
      "logs": "./src/webex/pages/logs.tsx",
      "payback": "./src/webex/pages/payback.tsx",
      "popup": "./src/webex/pages/popup.tsx",
      "reset-required": "./src/webex/pages/reset-required.tsx",
      "return-coins": "./src/webex/pages/return-coins.tsx",
      "refund": "./src/webex/pages/refund.tsx",
      "show-db": "./src/webex/pages/show-db.ts",
      "tip": "./src/webex/pages/tip.tsx",
      "tree": "./src/webex/pages/tree.tsx",
    },
    name: "pages",
    optimization: {
      splitChunks: {
        cacheGroups: {
          commons: {
            name: 'page-common',
            chunks: 'all',
            minChunks: 2,
          },
        },
      },
    },
  };

  return [
    merge(base, configBackground),
    merge(base, configWebWorker),
    merge(base, configExtensionPages),
    merge(base, configContentScript)
  ];
}