about less modules

[iamsmartloser]

my code is as follows config-overrides.js

const { override, fixBabelImports, addLessLoader } = require('customize-cra');

module.exports = override(
  fixBabelImports('import', {
    libraryName: 'antd',
    libraryDirectory: 'es',
    style: true,
  }),
  addLessLoader({
      localIdentName: "[name]__[local]--[hash:base64:5]",
    javascriptEnabled: true,
    modifyVars: { '@primary-color': '#25b864' },
  }),
);

There's no problem when it's used like this import './index.less';

I want to use a. Less file like this

import styles from './index.less';
import cls from 'classnames';

When I print like this console.log('styles:',styles) the result is {}

When I change the .less file to the .module.less file, an error will be reported again

why？

[ghost]

Right：xxx.module.less

[unsafeFunction]

@shx996 This is not working in my case. Now I get an error
`ValidationError: Invalid options object. CSS Loader has been initialized using an options object that does not match the API schema.

• options has an unknown property 'localIdentName'. These properties are valid: object { url?, import?, modules?, sourceMap?, importLoaders?, localsConvention?, onlyLocals?, esModule? } `

[quanglam2807]

@unsafeFunction I have the same problem. What should i do?

[quanglam2807]

@unsafeFunction Check out https://github.com/arackaf/customize-cra/issues/226

[channprj]

The same error occurs when I use Ant Design.

[channprj]

@iamsmartloser addLessLoader() has been changed, so you should add lessOption key in int. Try like below:

// ...
    addLessLoader({
      lessOptions: {
        javascriptEnabled: true,
        modifyVars: { '@primary-color': '#A80000' },
      },
    }),
// ...