在替代老项目前开发步骤
- 新建功能分支
- 开发模式命令见package.json,不同环境需要自己在cookie中写入token和env
- 接口,菜单,路由在config目录下,组件在components目录下
- 在/src/pages下新建功能目录并在/src/index中添加导出文件名称
- 修改版本 package.json中的version
- 提交代码
- 打包编译代码:npm run build:component 编译到ems和lib目录
- 发布版本包:npm publish
与老项目兼容注意点:
-
不要用别名(tsc编译别名有问题)
-
token等信息放到cookie,process.env下到变量名保持一致,方便取值如process.env.REACT_APP_MY_ENV
-
中文问题:用es的下的文件,lib下会有英文
-
样式干扰:在老项目中引入样式文件修改
-
引用时接口的api找不到: 原因,新组件和老系统的axios重复拦截,已解决
-
原来的代码结构改造成本大,不如重写
-
antd的组件引用
import Table from 'antd/es/table'; import 'antd/es/table/style/index.css'; import 'antd/es/pagination/style/index.css';
后面再逐步替换
-
老项目antd3升级成antd4后,组建可以直接引入==>目前已升级,可直接使用
-
修改版本 package.json中的version
-
npm run build:component 编译到ems和lib目录
-
npm publish
-
npm run build && cd dist && http-server -c-1 打包并且查看打包后的界面是否正常
营销迁移
- [x] 新人专享
- [x] 活动管理-自提
- [x] 优惠券管理-自提
- [x] 限时特惠-自提
- [x] 限时特惠-包邮
- [x] 一分秒杀-自提
- [x] 楼层管理
- [x] 营业部组管理
- [x] 自提预售
目前已上线功能
- [x] 满赠
- [x] 分享赚(分销推广计划,分销订单管理,包邮分享赚计划)
- [x] 助力
- [x] 团长专享
- [x] 优惠券(自提)
- [x] 现场扫码购
- [ ] 满减
- [ ] 加价购