7.2 前端工程化是一张蓝图

类比到建筑行业

• 需求设计：要几个房间，几个卫生间，房间面积
• 架构设计：按照需求，设计地基，设计墙体结构
• 工程化：工人按照架构图进行建设

前端工程化

• 是一张服务开发人员的蓝图
• 开发人员是工程体系的用户
• 以用户为中心设计整个流程和流程中的各个细节

构建功能可能弱化但是不可或缺

• 随着浏览器对ECMAScript的实现，babel之类的语法转译工具会慢慢退出历史舞台
• 移动端浏览器对ECMAScript的实现，远远领先于pc浏览器，在未来使用率也会超过pc
• 未来面向移动端浏览器的开发，会弱化转译js的需求
• 未来css的编程能力还是无法提升，预编译器和postcss等构建功能还是要存在

打包压缩功能的需求未来被弱化

• 现在为什么要将散列的源码模块进行打包？
  1 浏览器对模块化规范支持的不理想，比如ES6 modules
  2 受限于网络，为了减少资源的传输时间和用户流量的消耗
• 为什么未来会被弱化
  1 浏览器支持es6 modules
  2 网络环境会提升

必不可少的mock服务

• 涉及网络请求，就要mock服务
• 大前端模式下，前端工程师掌握着异步接口但是不是直接接触数据库。所以还是要mock辅助。mock本来面向浏览器，现在面向nodejs
• 泛前端模式下，前端工程师负责各类GUI应用的开发，在网络交互角度上与浏览器前端类似

容器技术优化工作流

• 目前容器技术已经普及，但是没有应用到前端工程领域
• 前端工程化还是起步阶段
• 容器技术可以节省服务器资源，降低搭建环境的精力