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

Question

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

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

它按预期工作，但有一点可以改进 - 生成的类名称。

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

像这样：

// before:
   gSJW8QAdF0l_JiFWFeyjq

// after:
   loginContainer_gSJW8QAdF0l_JiFWFeyjq

Answer 1

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