css - 如何给 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 的部分。使用它你可以完全自定义你的类名。干杯!