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
|
const webpack = require("webpack");
const path = require("path");
const CircularDependencyPlugin = require("circular-dependency-plugin");
const isProduction = process.env.NODE_ENV === "production";
const isMock = process.env.NODE_ENV === "mock";
const config = {
entry: {
cockpit: "./src/cockpit.js",
"mass-graduation": "./src/mass-graduation.js",
"admin-tools": "./src/admin-tools.js",
coaching: "./src/coaching.js",
},
output: {
path: path.resolve(__dirname, "dist"),
},
module: {
rules: [
{
test: /\.(js|ts)$/,
exclude: /node_modules/,
use: {
loader: "babel-loader",
options: {
presets: ["@babel/preset-env", "@babel/preset-typescript"],
},
},
},
{
test: /\.png/,
type: "asset/inline",
},
],
},
plugins: [
new webpack.NormalModuleReplacementPlugin(/-ENV.(js|ts)/, (resource) => {
resource.request = resource.request.replace(/-ENV/, `-${isMock ? "mock" : "prod"}`);
if (resource.createData) {
resource.createData.request = resource.request;
}
}),
new CircularDependencyPlugin({
// exclude detection of files based on a RegExp
exclude: /node_modules/,
// add errors to webpack instead of warnings
failOnError: true,
// allow import cycles that include an asyncronous import,
// e.g. via import(/* webpackMode: "weak" */ './file.js')
allowAsyncCycles: false,
// set the current working directory for displaying module paths
cwd: process.cwd(),
}),
],
};
module.exports = () => {
if (isProduction) {
config.mode = "production";
} else {
config.mode = "development";
}
return config;
};
|
