模块化开发和自动构建工具

1.前端进行模块化开发能将一个复杂的大型系统分解成一个个高内聚、低耦合的简单模块，并且每个模块都是独立的，用于完成特定的功能。
模块化后的系统变得更加可控、可维护、可拓展、程序代码也更简单直观，可读性也更高，有利于团队协作开发。自动化构建工具的出现，使得前端能更容易、更快速地实现模块化开发。
2.自动化构建工具能够增强前端的工作流程，避免重复而繁杂的任务，提升开发效率，保持项目可维护和可拓展等。
常用的构建工具有gulp，grunt等，它们支持页面监控，自动刷新，文件压缩与合并等功能，让开发人员能更简单，更高质量地完成工作。

gulp强调的是前端开发的工作流程，我们可以通过配置一系列的task，定义task处理的事务（例如文件压缩合并、雪碧图、启动server、版本控制等），然后定义执行顺序，来让gulp执行这些task，从而构建项目的整个前端开发流程。
webpack是一个前端模块化方案，更侧重模块打包，我们可以把开发中的所有资源（图片、js文件、css文件等）都看成模块，通过loader（加载器）和plugins（插件）对资源进行处理，打包成符合生产环境部署的前端资源。