四、使用antd搭建简单后台页面

1、安装react-router-dom实现前端路由，执行：cnpm install --save react-router-dom。

安装路由react-router-dom

2、在src目录下，新建如下目录结构

新建目录结构

3、在新建的目下简历如下文件：

新建文件

*****这里我们再去改下webpack.config.js配置文件，是的“@“能狗代替根目录，引入文件更加方便：

配置wenpack.config.js

4、修改layout/index.js文件，这里不完全真是代码了，这里的代码基本是从官网上复制下来的：antd布局

layout/index.js

5、修改pages/home/index.js,这个页面将会成为主页面。

pages/home/index.js

6、修改router/index.js  路由文件

router/index.js

7、修改下src/App.js文件，新增几行代码。

src/App.js

8、执行下: npm start，是否搭建成功呢？

后台布局搭建成功