gcordon / react-project-template

前端工程化实践项目,这次一定好好整

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

从前端工程化出发,开发一个前端中后台项目

完成文章目录

写作内容

  • 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、主题、语言的切换

About

前端工程化实践项目,这次一定好好整


Languages

Language:TypeScript 59.7%Language:HTML 20.0%Language:Less 11.6%Language:JavaScript 8.6%