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
|
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',
},
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;
};
|