如何給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。使用它你可以完全自定義你的班級名稱。乾杯!