1. 使用CRA创建项目
npx create-react-app
react-jike
清除目录中不需要的文件
2.安装scss
npm install sass -D
3.安装Ant Design 组件库 安装成功
npm install antd --save
4.配置基础路由Router
配置步骤
1. 安装路由包
react-router-dom
2. 准备基础路由组件（任意的页面都可以，一般都包括login，layout等）
3. 在router/index.js文件中引入组件进行路由配置，
导出router实例
4. 在入口文件中渲染
<RouterProvider/>
，传入router实例
ReactRouter官方网址：
5.配置@别名路径
1.首先安装
craco配置，，安装完了之后重新npm run start 运行项目
命令：npm i @craco/craco -D
2. 针对路径转换，修改webpack别名路径配置
craco，文件名：craco.config.js
// 扩展webpack配置
const path = require('path')
module.exports = {
// webpack 配置
webpack: {
// 配置别名
alias: {
// 约定：使用 @ 表示src 文件所在路径
'@': path.resolve(__dirname, 'src')
}
}
}
配置好了之后引入文件的时候就可以使用@符号来引入了
最低0.47元/天 解锁文章
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
