如何给 CSS 模块中的 类 起更好的名字？

Question

我在 webpack.config.js 中有这个配置：

  {
    test: /\.css$/,
    use: [
      {loader: "style-loader"},
      {
        loader: "css-loader",
        options: {
          modules: true,
          importLoaders: 1,
          sourceMap: true
        }
      }
    ]
  }

它按预期工作，但可以改进一件小事 - 生成了 classes 的名称。

是否可以将生成的字符串添加到现有的 class 名称中？

像这样：

// before:
   gSJW8QAdF0l_JiFWFeyjq

// after:
   loginContainer_gSJW8QAdF0l_JiFWFeyjq

Answer 1

请参阅 official docs 并查找有关 localIdentName 和 getLocalIdent 的部分。使用它，您可以完全自定义您的 class 名称。干杯！