道源

其实现代前端框架的本质就是一个使用 js 编写的 node 命令行工具（cli），快来手写一个属于你自己的命令行工具吧

今天的内容比较简单，仅仅作为对 react-router 的一个简单应用，同时作为明天 keepalive 实现的一个前置预告。因为路由部分是我们实现 keepalive 的基础。

原理 代理也称网络代理，是一种特殊的网络服务，允许一个终端（一般为客户端）通过这个服务与另一个终端（一般为服务器）进行非直接的连接。

先讲结论：依赖预打包就是将框架里面用到的第三方开源的库的代码，拷贝一份到你的框架中保存起来。然后定期升级维护，好处就是项目中足够稳定，比如现在 npm 上经常出现的底层包挂码事件等超高的安全风险问题，

我们将多个项目的公共功能提取到框架层，形成开发脚手架。为了提效我们还可以将页面级别的内容整理成模版，用于快速创建相对应的资产，比如快速新建页面、快速新建服务、快速新建Mock等。

开发完毕后就要编译上线了，因为编译和开发的构建部分基本上是一致的，只需要注意几个编译上线的而外差异，比如不需要开发服务，代码构建压缩，产物使用想对路径等。 增加 malita build

我们将会通过手动新建项目的方式，来一步一步引导你完成学习。其中会涉及到部分前端工程化的一些简单概念，还会讲解部分 Umi 内置插件的实现原理，并手动实现简易版本，最终产物被应用于 Umi 的最佳实践中

经过前几天的介绍，我们现在已经对 Umi 部分体系有了一定的了解，今天我们就来编写一个中后台中比较简单的页面，先上效果图吧。 需求 先停下来思考 3 秒，如果是你拿到这个需求，你要开始编写这个页面，你

在现在习惯的开发流程中，特别是快速交付流程里面，我们通常会在开始动工之前通过约定好 API 接口，然后前端通过使用 Mock 数据在本地模拟出 API 返回的正确的数据结构，完成全部的前端逻辑开发。