react 中 css-loader 配置防止className命名冲突

Question

我想实现在多个组建中添加相同className名时，不发生冲突。 想给每个class名称添加一个Base64的5位hash随机名称。 跟着npm官网上说的配出来不生效，反而所有的css样式都失效了。

请大神帮忙看下哪里错了，不胜感激：

{

 test: /\.css$/,

 use: [

    'style-loader',

   {

     loader: 'css-loader',

     options: {

       modules: true,

       localIdentName: '[path][name]__[local]--[hash:base64:5]'

     }

   }

 ]

}

Answer 1

webpack配置没错，样式失效了也正常在React组件中你的className都是未hash的className，当然样式失效了。。