Как настроить модуль Create-react-app less с помощью customize-cra(2.x)?

Я использовал приложение create-response-app(машинописные тексты) для создания проекта и добавил antd@3.26.13 с customize-cra, как мне сообщил сайт, за которым я следил.

Я хотел бы использовать module.css, и я хочу использовать module.less, например css, но обнаружил несколько сообщений об ошибках:

./src/layout/basic.module.less (./node_modules/css-loader/dist/cjs.js??ref--6-oneOf-8-1!./node_modules/postcss-loader/src??postcss!./node_modules/less-loader/dist/cjs.js??ref--6-oneOf-8-3!./src/layout/basic.module.less)
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? }

Мой код следующий:

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

module.exports = override(
    addWebpackAlias({
        "@":require('path').resolve(__dirname,"src")
    }),
    fixBabelImports('import',{
        libraryName:'antd',
        libraryDirectory:'es',
        style:true
    }),
    addLessLoader({
        javascriptEnabled:true,
        modifyVars:{'@primary-color':'#1DA57A'},
    }),
    addDecoratorsLegacy()
);
Источник

1 ответ

Решение

Текущая версия customize-cra несовместимо с последней версией create-react-app, чтобы быть точным с css-loader. Попробуйте установитьcustomize-cra@nextполучить альфа-версию. Там они исправили эту проблему.

Источник
Другие вопросы по тегам