Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/41.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何为CSS模块中的类提供更好的名称?_Css_Webpack_Css Modules - Fatal编程技术网

如何为CSS模块中的类提供更好的名称?

如何为CSS模块中的类提供更好的名称?,css,webpack,css-modules,Css,Webpack,Css Modules,我在webpack.config.js中有这个配置: { test: /\.css$/, use: [ {loader: "style-loader"}, { loader: "css-loader", options: { modules: true, importLoaders: 1, sourceMap: true } }

我在
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
请参阅并查找有关localIdentNamegetLocalIdent的部分。使用它,您可以完全自定义类名。干杯

请参阅并查找有关localIdentNamegetLocalIdent的部分。使用它,您可以完全自定义类名。干杯