一、开门见山 Ant Design Pro 是一套基于 React 技术栈的单页面应用，我们提供的是前端代码和本地模拟数据的开发模式， 通过 Restful API 的形式和任何技术栈的服务端应用一起工作，技术组成主要是react+redux+dva+antd+fetch+roadhog，说白了就是基于React的一套脚手架，UI是 Ant Desi
## 如何使用 Ant Design Pro 组件编写 JavaScript 应用
欢迎来到使用 Ant Design Pro 组件的学习之旅！本文将帮助你逐步使用 JavaScript 实现 Ant Design Pro 组件，适合刚入行的开发者。我们会通过一个简单的流程来引导您完成整个过程，最后呈现一个状态图来帮助您理解每一步的进展情况。
### 整体流程图
我们将整个过程分为以下几个步
ant design pro of Vue版本登陆权限这是原始篇也是最好理解并且根据各自接口需求改方法，总结就是登陆的时候把角色权限id传到permission.js做匹配，然后vuex进行拦截匹配对应菜单结结尾附带路由文件代码。 1.第一步配置接口 注释main.js里mock.jsdevServer: {
// development server port 8000
port
Ant Design Vue pro 动态路由的实现和打包Ant Design Vue pro 动态路由的实现和打包配置路由权限在config文件夹下router.config.js中配置路由权限 如下图所示配置请求网络接口在api文件夹下login.js中根据自己后台的数据修改路由权限封装规则在store/module/user.js中修改GetInfo方法源js修改后js后台数据示例{
"co
Ant Design Pro ProTable 基础配置说明ProTablecolumns基础使用遇到的问题建议最后 在此先说一下基础使用，后面再讲我遇到的问题基础配置说明配置也可以去官方文档，不过官方文档有些不是很全，我这里主要写一些基础需要用到的配置，补充一下官方文档没有的https://procomponents.ant.design/components/tableProTable属性描
项目使用的是ant design pro V2，比较老的版本了，项目部署之后每次首页都加载缓慢，看了下打包后的dist文件夹里，最大的两个文件是vendors.async.js和umi.js。 umi打包的时候会把第三方组件全部打包到vendors.async.js文件中，如果想要减小vendors.async.js文件的大小，就需要分析哪些组件被打包进去了，然后通过拆分去进行优化。这个还没有弄很
