react配置less语法

一，下载依赖

cnpm i @craco/craco craco-less

二，配置

1，在项目根目录下创建craco.config.js文件

2，复制代码到 craco.config.js文件中

const CracoLessPlugin = require('craco-less')

module.exports = {

  plugins: [
    {
      plugin: CracoLessPlugin,
    },
  ]
};

 3.在 react-app-env.d.ts 中添加代码  声明less

declare module '*.module.less' {
    const classes: { readonly [key: string]: string }
    export default classes
  }

4，修改package.json

将scripts中的代码进行替换

"scripts": {
    "start": "craco start",
    "build": "craco build",
    "test": "craco test",
    "eject": "react-scripts eject"
  },

做完以上操作就可以开发了