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数据