-
Notifications
You must be signed in to change notification settings - Fork 27
/
webpack.custom.js
90 lines (89 loc) · 2.53 KB
/
webpack.custom.js
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
const ReactRefreshWebpackPlugin = require("@pmmmwh/react-refresh-webpack-plugin");
const MiniCssExtractPlugin = require("mini-css-extract-plugin");
const TerserPlugin = require("terser-webpack-plugin");
const CopyPlugin = require("copy-webpack-plugin");
const tailwindcss = require("tailwindcss");
const webpack = require("webpack");
const path = require("path");
const serverConfig = require("./webpack.server");
let customBuild = (appName = "hyperswitch") => {
const isDevelopment = process.env.NODE_ENV !== "production";
let entryObj = {
app: `./src/entryPoints/HyperSwitchEntry.res.js`,
};
return {
mode: "production",
entry: entryObj,
output: {
path: path.resolve(__dirname, "dist", appName),
clean: true,
publicPath: "/",
},
optimization: {
minimize: true,
minimizer: [
new TerserPlugin({
terserOptions: {
compress: {
drop_console: true,
},
},
}),
],
},
module: {
rules: [
{
test: /\.css$/i,
use: [
MiniCssExtractPlugin.loader,
"css-loader",
{
loader: "postcss-loader",
options: {
postcssOptions: {
plugins: [[tailwindcss("./tailwind.config.js")]],
},
},
},
],
},
{
test: /\.ttf$/,
use: ["file-loader"],
},
{
test: /\.js$/,
use: {
loader: "istanbul-instrumenter-loader",
options: { esModules: true },
},
enforce: "post",
exclude: /node_modules|\.spec\.js$/,
},
],
},
plugins: [
new MiniCssExtractPlugin(),
new CopyPlugin({
patterns: [
{ from: `public/${appName}/index.html` },
{ from: `public/${appName}/module.js` },
].filter(Boolean),
}),
new webpack.DefinePlugin({
dashboardAppName: JSON.stringify(appName),
dashboardAppEnv: JSON.stringify(process.env.APP_ENV || "sandbox"),
GIT_COMMIT_HASH: JSON.stringify(process.env.GIT_COMMIT_HASH || ""),
appVersion: JSON.stringify(process.env.APP_VERSION || ""),
}),
isDevelopment && new ReactRefreshWebpackPlugin(),
].filter(Boolean),
};
};
module.exports = (env, _argv) => {
var webpackConfigs = [serverConfig];
webpackConfigs.push(customBuild("hyperswitch", env));
console.log("webpackConfigs", webpackConfigs);
return webpackConfigs;
};