gulp是为了规范前端开发流程，实现前后端分离、模块化开发、版本控制、文件合并、压缩、Mock数据等功能的一个前端自动化构建工具。 强调的是前端开发的工作流程，我们可以通过配置一系列的task（Gulp中的gulp.task()方法配置），定义task处理的事务（例如文件 ...

一、概念 gulp 构建工具 我们可以通过给gulp配置不通的task（通过Gulp中的gulp.task()方法配置，比如启动server、sass/less预编译、文件的合并压缩等等）来让gulp实现不同的功能，从而构建整个前端开发流程。 webpack 打包工具 我们可以把开发中的所有 ...

1、Grunt 　　Grunt 的出现早于 Gulp，Gulp 是后起之秀。他们本质都是通过 JavaScript 语法实现了 shell script 命令的一些功能。比如利用 jshint 插件实现 JavaScript 代码格式检查这一功能。早期需要手动在命令行中输入 jshint ...

　　Webpack与Gulp、Grunt没有什么可比性，它可以看作模块打包机，通过分析你的项目结构，找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言（Scss，TypeScript等），并将其转换和打包为合适的格式供浏览器使用。Gulp/Grunt是一种能够优化前端的开发流程 ...

webpack与gulp 、grunt没有什么可比性，它可以看作模块打包机，通过分析你的项目结构，找到js模块以及其它的一些浏览器不能直接运行的拓展语言（scss，Typescript）,并将其转换和打包为合适的格式供浏览器使用。gulp/grunt是一种能够优化前端的开发的流程的工具 ...

webpack是前端构建工具，称为模块打包机，webpack支持模块化；构建前端开发过程中常用的文件，如：js，css，html，img等；使用简单方便，自动化构建。webpack是通过loader（加载器）和plugins（插件）对资源进行处理的。 Glup侧重于前端开发的整个过程的控制管理 ...

gulp是工具链、构建工具，可以配合各种插件做js压缩，css压缩，less编译 替代手工实现自动化工作 1.构建工具 2.自动化 3.提高效率用 webpack是文件打包工具，可以把项目的各种js、css文件等打包合并成一个或多个文件，主要用于模块化方案，预编译模块的方案 1. ...

webpack和gulp都是热门的前端构建工具，他们的区别是什么呢？ gulp的官网上是这样介绍的，“gulp是一个工具包，可帮助您自动化开发工作流程中繁重而耗时的任务。”，说明gulp旨在强调自动化前端构造流程，通过用户自定义配置一系列的任务(Task)，并排列好顺序后执行，从而构建 ...