前端工程化

什么是前端工程化

一切以提高效率、降低成本、质量保证为目的的手段都属于【工程化】

一切技术都是为了解决问题在存在的。所以前端工程化的出现也是为了解决前端项目越来越大的问题而出现的。

前端工程化主要解决的问题

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

工程化是如何表现的

以一个项目的开发流程为例

创建 ===> 编码 ===> 预览/测试 ===> 提交远程仓库 ===> 部署上线

• 在项目创建阶段，我们可以使用脚手架工具进行项目初期的构建
• 编码阶段，我们可以制定一个规范，格式化代码，校验代码风格等
• 预览/测试阶段，可以使用 webServer 进行热更行，mock去模拟接口数据等
• 提交远程仓库，可以使用 GIT Hooks，lint-staged 在提交之前做代码质量，编码风格的检查
• 部署上线，CI/CD 自动发布，避免人为操作失误等

工程化并不等于某个工具

由于 webpack 功能过于强大，会有人认为工程化就是指webpack，其实这是错误的。
工程化是对项目整体的一种规划和架构，而像webpack等工具只是去实现这种规划和架构的一种手段。