React+antd创建项目及基本配置

如果对你有帮助可以点个赞，有时间的话也可以来个评论。

安装脚手架工具 cmd命令：npm install -g create-react-app 或者 cnpm install -g create-react-app 创建项目 create-react-app reactdemo cd 到 reactdemo npm start 或者 yarn start 运行项目 运行之后浏览器会自动打开，也可手动在浏览器访问http://localhost:3000,这样项目就基本的React就创建好了

2.安装antd和可能会用的包

//路由 npm install react-router-dom --save //请求 npm install axios --save //安装UI -- antd npm install antd --save //按需加载 npm install react-app-rewired customize-cra babel-plugin-import --save 修改package.json中的配置 "scripts": { "start": "react-app-rewired start", "build": "react-app-rewired build", "test": "react-app-rewired test", "eject": "react-scripts eject" }, 在项目的更目录新建config-overrides.js文件 const { override, fixBabelImports,addWebpackAlias } = require('customize-cra') // fixBabelImports 按需加载antd组件 const path = require('path') module.exports = override( fixBabelImports('import', { libraryName: 'antd', libraryDirectory: 'es', style: 'css' }), //路径配置 addWebpackAlias({ ['@']: path.resolve(__dirname, 'src') }) ) .到这里基本配置已经部署完毕，记得重启服务器就可以了 附antd官方文档