-
Notifications
You must be signed in to change notification settings - Fork 4
/
webpack.config.js
76 lines (70 loc) · 1.95 KB
/
webpack.config.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
const path = require("path");
const TerserPlugin = require("terser-webpack-plugin");
const dfxJson = require("./dfx.json");
// List of all aliases for canisters. This creates the module alias for
// the `import ... from "ic:canisters/xyz"` where xyz is the name of a
// canister.
const aliases = Object.entries(dfxJson.canisters).reduce(
(acc, [name, _value]) => {
// Get the network name, or `local` by default.
const networkName = process.env["DFX_NETWORK"] || "local";
const outputRoot = path.join(
__dirname,
".dfx",
networkName,
"canisters",
name
);
return {
...acc,
["ic:canisters/" + name]: path.join(outputRoot, name + ".js"),
["ic:idl/" + name]: path.join(outputRoot, name + ".did.js"),
};
},
{}
);
/**
* Generate a webpack configuration for a canister.
*/
function generateWebpackConfigForCanister(name, info) {
if (typeof info.frontend !== "object") {
return;
}
return {
mode: "production",
entry: {
index: path.join(__dirname, info.frontend.entrypoint),
},
devtool: "cheap-source-map",
optimization: {
minimize: true,
minimizer: [new TerserPlugin()],
},
resolve: {
alias: aliases,
extensions: ['.tsx', '.ts', '.js']
},
output: {
filename: "[name].js",
path: path.join(__dirname, "dist", name),
},
module: {
rules: [
{ test: /\.([jt]s)x?$/, loader: "ts-loader", exclude: /node_modules/ },
{ test: /\.css$/, use: ['style-loader', 'css-loader'] },
{ test: /\.scss$/, use: ['style-loader', 'css-loader', 'sass-loader'] },
]
},
plugins: [
],
};
}
// If you have additional webpack configurations you want to build
// as part of this configuration, add them to the section below.
module.exports = [
...Object.entries(dfxJson.canisters)
.map(([name, info]) => {
return generateWebpackConfigForCanister(name, info);
})
.filter((x) => !!x),
];