This repository was archived by the owner on Jan 15, 2024. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 5
Expand file tree
/
Copy pathwebpack.config.js
More file actions
70 lines (58 loc) · 1.33 KB
/
webpack.config.js
File metadata and controls
70 lines (58 loc) · 1.33 KB
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
const path = require("path");
const [server, client] = require("nullstack/webpack.config");
const mdxRule = {
test: /\.mdx?$/,
use: [
{
loader: "string-replace-loader",
options: {
search: "className",
replace: "class",
flags: "g",
},
},
{
loader: "@mdx-js/loader",
options: {
jsxRuntime: "classic",
pragma: "$runtime.element",
pragmaFrag: "$runtime.fragment",
pragmaImportSource: "nullstack/runtime",
},
},
],
};
const alias = {
"~": path.resolve(__dirname, "src/"),
nullwind: path.resolve(__dirname, "lib/"),
};
function customServer(...args) {
const config = server(...args);
config.module.rules.push(mdxRule);
config.resolve.alias = {
...config.resolve.alias,
...alias,
};
return config;
}
function customClient(...args) {
const config = client(...args);
const rule = config.module.rules.find((rule) => rule.test && rule.test.test(".css"));
rule.use.push({
loader: require.resolve("postcss-loader"),
options: {
postcssOptions: {
plugins: {
tailwindcss: {},
},
},
},
});
config.module.rules.push(mdxRule);
config.resolve.alias = {
...config.resolve.alias,
...alias,
};
return config;
}
module.exports = [customServer, customClient];