开启掘金成长之旅！这是我参与「掘金日新计划 · 12 月更文挑战」的第1天，点击查看活动详情

重新认真学习前端第一天，不管是2022最后还是2023新开始，每一天都是新的一天，不能再费了。。。。

今天学习什么？

前端工程化

是什么？

官方回答：前端工程化指使用软件工程的技术与方法对前端开发的技术、工具、流程、经验、方案等指标标准化，它具备模块化、组件化、规范化、自动化四大特性，主要目的是降低成本与增加效率。

模块化

把大文件拆分为互相依赖的小文件，例如一个完整的vue项目：

Node项目：

组件化

简单理解：把常用/通用的功能拎出来，大大提高代码的复用性，提高效率，有利于需求迭代推进；也可以对组件进行封装（对象的封装），做到高内聚低耦合

☆ 不要把模块化与组件化混淆

模块化着重在文件层面上对代码与资源实现拆分与组装，组件化着重在功能层面上对交互与设计实现拆分与组装。

规范化

无规矩不成方圆，这个特性就是把代码工作流程标准化；每个成熟的前端团队都有一套身经百战的规范化方案

自动化

根据预设脚本自动处理！
例如:自动化构建、自动化测试、自动化打包、自动化发布和自动化部署，更高级的自动化场景包括但不限于持续集成、持续交付和持续部署。