React,webPack5 引入Css Module 不生效

Question

搭建了一个react Cli框架 现在想引入css Module照着网上的做法写了下。发现最后引入的style是一个相对路径，而不是一个对象。感觉像是webpack5那边没有编译，

const lessRegex = /\.less$/
const lessModuleRegex = /\.module\.less$/
...
{
        loader: require.resolve('less-loader')
},

...

{
              test: lessRegex,
              exclude: lessModuleRegex,
              use: getStyleLoaders(
                {
                  importLoaders: 2,
                  sourceMap: isEnvProduction && shouldUseSourceMap
                },
                'less-loader',
              ),
              sideEffects: true
            },
            {
              test: lessModuleRegex,
              use:getStyleLoaders(
                {
                  importLoaders: 2,
                  sourceMap: isEnvProduction && shouldUseSourceMap,
                  modules: true,
                  getLocalIdent: getCSSModuleLocalIdent
                },
                'less-loader'
              ),
              sideEffects: true
}