前端工程化、模块化、组件化

一、前端工程化是一种思维而不是技术。

是使用软件工程的技术和方法来进行前端的开发流程、技术、工具、经验等规范化、标准化。在其过程中，一般会涉及到构建工具、模块化、组件化、自动化和持续集成。其主要目的为了提高效率和降低成本，即提高开发过程中的开发效率，减少不必要的重复工作时间。

二、模块化就是将一个大文件拆分成相互依赖的小文件，再进行统一的拼装和加载。一个模块就是一个实现特定功能的文件，有了模块我们就可以更方便的使用别人的代码，要用什么功能就加载什么模块。优点：避免变量污染，命名冲突；提高代码复用率； 提高维护性；依赖关系的管理。像vue3、lodash-es（不要用lodash）。

三、组件化是一种将页面结构和行为进行拆分，是对UI的拆分。这样更利于维护和重用代码。

①页面上的每个独立的、可视/可交互区域视为一个组件;
②每个组件对应一个工程目录,组件所需的各种资源都在这个目录下就近维护;
③由于组件具有独立性,因此组件与组件之间可以 自由组合;
④页面只不过是组件的容器,负责组合组件形成功能完整的界面;
⑤当不需要某个组件,或者想要替换组件时,可以整个目录删除/替换。

组件化将页面看作为一个容器,页面上各个独立部分（头部、导航、焦点图、侧边栏、底部）等视为独立组件,不同的页面根据内容的需要,去放相关组件就可组成完整的页面。
 

四、自动化指的是自动化工具了，包括自动化部署、自动化测试等等

1.举个例子当项目在使用一些项目使用 ES6代替Javascript，或者scss语法 的时候，我们往往需要写完后在执行这些对应语法转换指令例如：

（1）