从前端工程化出发,开发一个前端中后台项目
- 一、初始化项目
- React项目修改Webpack配置
- 徒手搭建前端项目
- 前端脚手架开发
- 前端UI组件库开发
- 二、多人开发分支管理、git记录提交规范
- 三、项目配置预发环境和生产环境
- 1、初始化项目
- 引入ui库
- 释放webpack配置
- 路径别名引入
- 初始化样式、引入less
- ==代码格式化prettier的配置==
- ==eslint配置==
- ==代码格式化引入 eslint、prettier代码格式化==
- 2、多人开发分支管理、git记录提交规范
- Git关联项目
- Git分支管理
- Git提交规范
- 注意事项
- 不能提交一些文件node_modules build
- 3、项目配置预发环境和生产环境
- 通过webpack修改打包环境
- 4、mock接口,一个很棒的前端模拟接口工具
- 5、axios 封装、promise封装
- 引入axios请求库,简单封装,统一管理
- axios原理,和项目中的经典操作
- axios超时配置,统一错误处理
- promise 原理和方法学习
- 学习noc平台、掘金平台如何及时终止请求
- 反向代理接口请求
- webpack本地代理和其他几种跨域代理的几种方式
- 6、nginx项目部署的方式
- 部署方式
- 部署注意事项、允许header传递参数
- 管理日志,定时切割日志
- 7、路由懒加载
- 懒加载的原理
- 单页面应用路由切换原理
- 8、版本管理
- 版本号,版本说明,版本记录
- 9、权限系统
- 路由配置
- 权限管理
- 10、Redux引入
- 缓存一些数据
- 全局接口请求、项目加载依赖接口、版本
- 11、常用组件的封装、表格、表格下载、图表组件使用
- 12、常用公用函数、工具函数和单元测试
- 13、灰度部署
- 14、版本回退
- 15、CI/CD部署
- 16、CI静态文件校验
- 17、k8s部署
- 18、前端监控的加入、百度统计加入
- 19、前端cli工具的开发、管理该项目
- 20、开发公司内部组件库
- 21、微前端框架的使用
- 22、主题、语言的切换