javascript - 请教前端工具：webPack、browserIfy、gulp、Grunt、FIS的区别

Question

发现现在网上有好多前端工具，比如说这几个：
webPack、browserIfy、gulp、Grunt还有FIS
请问他们都有哪些区别和用处？当下有哪些组合拳？有什么经验可以分享的？

背景：
我只用过百度的FIS，个人觉得也还好啊文档也全，但是在网上并没有找到特别多的文章和评论资料，是不是大家都不太用这个工具呢？

Answer 1

工具是为了需求而生的，能够符合你当下需求的就是你现在需要的。这些工具都是为了方便前端构建，打包出现的，为了符合工程化快速迭代的要求。一般有点规模稍微正式的前端团队都在用的，不用担心。
简单介绍一下我的理解，gulp和grunt核心主要还是task吧，定义task然后根据需要和环境执行构建。两者基本是可替代的。
webpack和bowersify都是打包的吧，webpack更强大点，打包之外可以用插件做一些压缩啊，lint啊的事，bowersify没用过不是很清楚。
fis没用过就不说啦。
一般的搭配:gulp或grunt加browersify或webpack。当然需求不复杂的情况下webpack可能就够用了。一句话从你的需求出发选择。学生党伪前端的看看法，看看就好。

Answer 2

我用过这个browserIfy，可以把nodejs的模块编译成能运行在客户端的代码

Answer 3

这个问题不是很好回答，我也不是很清楚，被邀请了，就简单说说我的理解吧。
Gulp / Grunt 可以理解为帮助前端自动化的工具,旨在提供一个自动化的流程（省去了手动编译less，stylus，sass已经babel的转码，图片的压缩，代码的压缩复制等系列操作）;
browserify / webpack 提供的是一个前端模块化的方案,让我们可以将commonJS的模块方式应用与浏览器端;
webpack 是 browserify 的加强版,不但实现了browserify模块化思想，还将图片,样式等也纳入了模块化中;

FIS 没用过，不清楚啦