前端工程化实战 - 工程化概述

1.1 工程化的定义和主要解决的问题

前端工程化是指遵循一定的标准和规范，通过工具提高效率降低成本的一种手段。近些年之所以被广泛的关注和探讨是由于前端应用的功能要求不断提高，业务逻辑日益复杂。

从传统的网站到现在的H5、移动APP、桌面应用，以及小程序，前端技术几乎是无所不能的全面覆盖。在这些表象的背后实际上是前端行业对我们开发人员的要求发生了天翻地覆的变化。

以往这种写Demo套模板调页面的刀耕火种的方式已经完全不符合当下对开发效率的要求了。前端工程化也是在这样一个背景下被提上台面，成为前端工程师必备的手段之一。

技术往往是为了解决问题而存在的

• 日常开发会面临面临的一些问题
  • 想要使用 ES6+ 新特性，但是兼容有问题
  • 想要使用 Less/Sass/PostCss 增强CSS的编程性，但是运行环境不能直接支持
  • 想要使用 模块化/组件化 的方式提高项目的可维护性，但是运行环境也不能直接支持
  • 部署上线前需要手动压缩代码及资源文件，部署过程需要手动上传代码到服务器
  • 多人协作开发，无法硬性统一大家的代码风格，从仓库中pull回来的代码质量无法保证
  • 部分功能开发时需要等待后端服务接口提前完成才可以做具体编码