webpack和grunt/glup相比有什么特性？

为什么选择webapck?

首先，它们都是时代的产物，现在为webpack几乎是构建工具的首选。
其次，最大的原因是：web开发向模块化发展。

webapck与Grunt/Gulp的区别

Gulp/Grunt是一种能够优化前端的开发流程的工具，而WebPack是一种模块化的解决方案，不过Webpack的优点使得Webpack在很多场景下可以替代Gulp/Grunt类的工具。

Grunt和Gulp的工作方式

Grunt和Gulp的工作方式是：在一个配置文件中，指明对某些文件进行类似编译，组合，压缩等任务的具体步骤，工具之后可以自动替你完成这些任务。

Webpack的工作方式

在Webpack中，一切皆模块，通过一个给定的主文件（如：index.js），Webpack将从这个文件开始找到你的项目的所有依赖文件，通过loader转换器转换文件，通过Plugin扩展插件来注入钩子，扩展Webpack的功能。最后打包为一个（或多个）浏览器可识别的js文件。