工程化的概述

前端工程化

遵循一定标准和规范，通过工具去提高效率、降低成本的一种手段。

“前端工程化”之所以近些年被广泛关注和探讨，主要原因是现在的前端应用功能要求不断提高、业务逻辑日益复杂。

面临的问题

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

• 想要使用 ES6+ 新特性，但是兼容有问题；
• 想要使用 Less/Sass/PostCSS 增强 CSS 的变成性，但是运行环境不能直接支持；
• 想要使用模块化的方式提高项目的可维护性，但是运行环境不能直接支持；
• 部署上线前需要手动压缩代码及资源文件；（机械且重复的操作）
• 部署过程需要手动上传代码到服务器；（机械且重复的操作）
• 多人协同开发，无法硬性统一大家的代码风格；
• 从仓库中 pull 回来的代码质量无法保证；
• 部分功能开发时需要等待后端服务接口提前完成；

主要解决的问题：

• 传统语言或语法的弊端；
• 无法使用模块化/组件化；
• 重复的机械式工作；
• 代码风格统一、质量保证；
• 依赖后端服务接口支持；
• 整体依赖后端项目；