React（12）案例前期准备

1、创建项目

npx creat-react-app xxx

这里注意 react版本过高会导致antd组件无法安装

需要手动修改pagejson文件中的react和react-demo版本号为 18.2.0

npm i

在配置别名路径

创建craco文件

const path = require("path");
module.exports = {
  webpack: {
    alias: {
      "@": path.resolve(__dirname, "src/"),
    },
  },
};

修改调试工具

"scripts": {
    "start": "craco start",
    "build": "craco build",
    "test": "react-scripts test",
    "eject": "react-scripts eject",
    "server": "json-server ./server/data.json --port 3001"
  },

MOKE数据

"server": "json-server ./server/data.json --port 3001"

创建对应文件夹和文件的json数据