webpack与gulp 、grunt没有什么可比性，它可以看作模块打包机，通过分析你的项目结构，找到js模块以及其它的一些浏览器不能直接运行的拓展语言（scss，Typescript）,并将其转换和打包为合适的格式供浏览器使用。gulp/grunt是一种能够优化前端的开发的流程的工具，而webpack是一种模块化的解决方案，不过webpack的优点是在很多场景下可以代替gulp或grunt类的工具。
他们的工作方式也有较大区别：
Grunt和Gulp的工作方式是：在一个配置文件中，指明对某些文件进行类似编译，组合，压缩等任务的具体步骤，工具之后可以自动替你完成这些任务。
Webpack的工作方式是：把你的项目当做一个整体，通过一个给定的主文件（如：index.js），Webpack将从这个文件开始找到你的项目的所有依赖文件，使用loaders处理它们，最后打包为一个（或多个）浏览器可识别的javascript文件。