Webpack：NextJS：仅生成哈希类名

Question

我正在使用什么：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;
  },
};

我不知道我上面的代码有什么问题，请提出建议，非常感谢任何建议。

Answer 1

修复：

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

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

到

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