【react中搭建项目可能需要安装的库】

// 使用js
npx create-react-app name
// 使用typescript
npx create-react-app name --template typescript

// 使用路由
npm install react-router-dom

// 使用antd组件
npm install antd

// 使用状态管理mobx （ts已支持装饰器语法）
npm install mobx mobx-react --save

// 使用less
npm install --save-dev less less-loader
// typescript中使用less （不用暴露webpack）
yarn add @craco/craco
yarn add craco-less

修改package.json文件如下：

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

创建craro.config.js。文件中写入以下

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

module.exports = {
  plugins: [
    {
      plugin: CracoLessPlugin,
      options: {
        lessLoaderOptions: {
          lessOptions: {
            modifyVars: {},
            javascriptEnabled: true,
          },
        },
      },
    },
  ],
  webpack: {
    // 这里面是webpack的配置
    
  },
};