-
Notifications
You must be signed in to change notification settings - Fork 0
/
webpack.config.js
38 lines (34 loc) · 1.11 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
const path = require("path");
const loaderUtils = require("loader-utils");
// based on https://github.com/vercel/next.js/blob/0af3b526408bae26d6b3f8cab75c4229998bf7cb/packages/next/build/webpack/config/blocks/css/loaders/getCssModuleLocalIdent.ts
const hashOnlyIdent = (context, _, exportName) =>
loaderUtils
.getHashDigest(
Buffer.from(
`filePath:${path
.relative(context.rootContext, context.resourcePath)
.replace(/\\+/g, "/")}#className:${exportName}`
),
"md4",
"base64",
6
)
.replace(/^(-?\d|--)/, "_$1");
module.exports = {
webpack(config, { dev }) {
const rules = config.module.rules
.find(rule => typeof rule.oneOf === "object")
.oneOf.filter(rule => Array.isArray(rule.use));
if (!dev)
rules.forEach(rule => {
rule.use.forEach(moduleLoader => {
if (
moduleLoader.loader?.includes("css-loader") &&
!moduleLoader.loader?.includes("postcss-loader")
)
moduleLoader.options.modules.getLocalIdent = hashOnlyIdent;
});
});
return config;
}
};