Webpack:NextJS:只生成哈希类名

Question

我使用的是：NextJS和CSS模块[.CSS]

我正在努力实现的目标：CCD_ 1或类似的东西。

我得到的：

<div class="video_thumbnails__33ohh"></div>

我当前的Webpack配置：

x instanceof RegExp &&
y instanceof RegExp &&
x.source === y.source &&
x.global === y.global &&
x.ignoreCase === y.ignoreCase &&
x.multiline === y.multiline;
module.exports = {
webpack(config) {
const cssRules = config.module.rules
.find((rule) => typeof rule.oneOf === "object")
.oneOf.find(
(rule) =>
rule.sideEffects === false && regexEqual(rule.test, /.module.css$/)
);
cssRules.use = cssRules.use.map((rule) =>
rule.loader.includes("css-loader/dist")
? {
...rule,
options: {
...rule.options,
modules: {
...rule.modules,
localIdentName: "[hash:base64:5]",
},
},
}
: rule
);
return config;
},
};

我不知道我上面的代码出了什么问题，请提出建议，任何建议都将不胜感激。

Answer 1

修复：

我使用的是Windows，必须更改：

rule.loader.includes("css-loader/dist/cjs.js")

至

rule.loader.includes("css-loader\dist\cjs.js")