前端工程化大纲¶

概念¶

Overview¶

狭义上¶

• 将开发阶段的代码发布到生产环境，包含：构建，分支管理，自动化测试，部署

广义上¶

• 前端工程化应该包含从编码开始到发布，运行和维护阶段

概念¶

• 将系统化的、规范化的、可度量大方法用于前端应用的开发、运行和维护过程
• 用工程化的方法构建和维护有效的、实用的和高质量的前端应用

开发¶

框架选型¶

前后端分离¶

模块化¶

组件化¶

脚手架¶

组件库¶

本地开发服务器¶

Mock 服务¶

微前端¶

构建¶

依赖打包¶

文件压缩¶

代码分割¶

增量更新与缓存¶

资源定位¶

图标合并¶

ECMAScript 与 Babel¶

CSS 预编译与PostCSS¶

持续构建和集成¶

类库打包¶

构建优化¶

部署¶

持续部署¶

部署流程设计¶

静态资源部署策略¶

Nginx 代理¶

SPA 理由配置¶

跨域¶

HTTPS 证书¶

HTTP 2 配置¶

灰度发布¶

性能¶

缓存策略¶

缓存复用¶

CDN 内容分发网络¶

按需加载¶

同步/异步加载¶

请求合并¶

首屏渲染速度¶

HTTP 2 服务器推送¶

日志性能监控¶

预加载/预读取¶

性能测试¶

规范化¶

目录结构规范¶

编码规范¶

技术栈规范¶

前后端接口规范¶

Commit Message 规范¶

Git 分支管理规范¶

Code Review 规范¶

设计规范¶

文档规范¶

版本规范¶

开发流程规范¶

发布工作流规范¶