How to properly convert css-loader settings from string to object?

Question

JavaScript

There was a file webpackfile.jswith the following content:

// .....
return {
    // ....
    module: {
        rules: [
            // ...
            {
                test: /\.css$/,
                loader: 'style-loader!css-loader?modules&localsConvention=camelCase'
            },
            // .....
        ]
    },
    // ....
};

After updating the dependencies (webpack, react, babel, loaders, etc), webpack required to convert the string loaderinto an array use.

I converted to the following:

return {
    // ...
    module: {
        rules: [
            // ...
            {
                test: /\.css$/,
                use: [{
                    loader: 'style-loader'
                }, {
                    loader: 'css-loader',
                    options: {
                        // ???????
                    }
                }]
            },
            // .....
        ]
    },
    // ....
};

Question: what should be written in optionsinstead of ????to make it equivalent to the string modules&localsConvention=camelCase? I try different combinations, but as a result, either webpack stops building, or when the page loads, an error occurs when accessing any style class, for example (to the point):

import css from './index.css'
css.someClassName // -> Uncaught TypeError: Cannot read properties of undefined

Answer 1

The correct answer is chosen by the method of scientific poke:

{ 
  loader: 'css-loader',
  options: {
   modules: {
      mode: 'local',
      exportLocalsConvention: 'camelCase'
    }
  }
}