第1章 前端工程简史

1.1前端工程师的基本素养

1.1.1前端工程师的发展历史

1.1.2前端工程师的技能栈

1.2 Node.js带给前端的改革

1.2.1前端的两次新生

1.2.2 Node.js带来的改革

1.3前后端分离

1.3.1原始的前后端开发模式

1.3.2前后端分离的基本模式

1.3.3前后端分离与前端工程化

1.4前端工程化

1.4.1前端工程化的衡量准则

1.4.2前端工程化的进化历程

1.4.3前端工程化的3个阶段

1.5工程化方案架构

1.5.1 webpack

1.5.2工程化方案的整体架构

1.5.3功能规划

1.5.4设计原则

1.6总结

第2章 脚手架

2.1脚手架的功能和本质

2.2脚手架在前端工程中的角色和特征

2.2.1用完即弃的发起者角色

2.2.2局限于本地的执行环境

2.2.3多样性的实现模式

2.3开源脚手架案例剖析

2.4集成Yeoman封装脚手架方案

2.4.1封装脚手架方案

2.4.2集成到工程化体系中

2.5总结

第3章 构建

3.1构建功能解决的问题

3.2配置API设计原则和编程范式约束

3.2.1配置API设计

3.2.2编程范式约束

3.3 ECMAScript与Babel

3.3.1 ECMAScript发展史

3.3.2 ES6的跨时代意义

3.3.3 Babel——真正意义的JavaScript编译

3.3.4结合webpack与Babel实现JavaScript构建

3.4 CSS预编译与PostCSS

3.4.1 CSS的缺陷

3.4.2 CSS预编译器

3.4.3 PostCSS

3.4.4 webpack结合预编译与PostCSS实现CSS构建

3.4.5案例：自动生成CSS Sprites功能实现

3.5模块化开发

3.5.1模块化与组件化

3.5.2模块化与工程化

3.5.3模块化开发的价值

3.5.4前端模块化发展史

3.5.5 webpack模块化构建

3.6增量更新与缓存

3.6.1 HTTP缓存策略

3.6.2覆盖更新与增量更新

3.6.3按需加载与多模块架构场景下的增量更新

3.6.4 webpack实现增量更新构建方案

3.7资源定位

3.7.1资源定位的历史变迁

3.7.2常规的资源定位思维

3.7.3 webpack的逆向注入模式

3.8总结

第4章 本地开发服务器

4.1本地开发服务器解决的问题

4.2动态构建

4.2.1 webpack-dev-middleware

4.2.2 Livereload和HMR

4.3 Mock服务

4.3.1 Mock的必要前提和发展进程

4.3.2异步数据接口

4.3.3 SSR

4.4总结

第5章 部署

5.1部署流程的设计原则

5.1.1速度——化繁为简

5.1.2协作——代码审查和部署队列

5.1.3安全——严格审查和权限控制

5.2流程之外：前端静态资源的部署策略

5.2.1协商缓存与强制缓存

5.2.2 Apache设置缓存策略

5.3总结

第6章 工作流

6.1本地工作流

6.1.1二次构建的隐患

6.1.2代码分离与测试沙箱

6.2云平台工作流

6.2.1 GitFlow与版本管理

6.2.2 WebHook与自动构建

6.3持续集成与持续交付

6.4总结

第7章 前端工程化的未来

7.1前端工程师未来的定位

7.1.1不只是浏览器

7.1.2也不只是Web

7.2前端工程化是一张蓝图

7.3总结