react 配置less

1.安装craco

yarn add @craco/craco
or
npm i @craco/craco

2.安装lesscraco-less

yarn add less craco-less
or
npm i less craco-less

3.修改package.json文件

 4.下载装饰器(可选)

yarn add @babel/plugin-proposal-decorators -S
or
npm i @babel/plugin-proposal-decorators -S

5.配置craco.config.js文件

在项目package.json的同级目录下创建一个文件craco.config.js文件

const CracoLessPlugin = require("craco-less");

module.exports = {
    plugins: [
        {
            plugin: CracoLessPlugin,
            options: {
                lessLoaderOptions: {
                    lessOptions: {
                        modifyVars: { "@primary-color": "#1DA57A" },
                        javascriptEnabled: true
                    }
                }
            }
        }
    ],
    babel: {
        plugins: [["@babel/plugin-proposal-decorators", { legacy: true }]]
    }
};