Что я использую: модули NextJS и CSS [.css]
Чего я пытаюсь достичь:
<div class = "33ohh"></div>
или что-то подобное.
Что я получаю:
<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;
},
};
Я не знаю, что не так в моем приведенном выше коде, пожалуйста, предложите, и любое предложение очень ценится.
Исправить :
Я использовал Windows, пришлось изменить:
rule.loader.includes("css-loader/dist/cjs.js")
к
rule.loader.includes("css-loader\\dist\\cjs.js")
Для веб-пакета 5: stackoverflow.com/questions/66744765/…