Gulp和Webpack的基本区别： gulp可以进行js，html，css，img的压缩打包，是自动化构建工具，可以将多个js文件或是css压缩成一个文件，并且可以压缩为一行，以此来减少文件体积，加快请求速度和减少请求次数；并且gulp有task定义处理事务，从而构建整体流程，它是基于流 ...

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

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

常有人拿gulp与webpack来比较，知道这两个构建工具功能上有重叠的地方，可单用，也可一起用，但本质的区别就没有那么清晰。 gulp gulp强调的是前端开发的工作流程，我们可以通过配置一系列的task，定义task处理的事务（例如文件压缩合并、雪碧图、启动server、版本控制 ...

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是一种能够优化前端的开发的流程的工具 ...

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