84669 person learning
152542 person learning
20005 person learning
5487 person learning
7821 person learning
359900 person learning
3350 person learning
180660 person learning
48569 person learning
18603 person learning
40936 person learning
1549 person learning
1183 person learning
32909 person learning
发现现在网上有好多前端工具，比如说这几个：webPack、browserIfy、gulp、Grunt还有FIS请问他们都有哪些区别和用处？当下有哪些组合拳？有什么经验可以分享的？
背景：我只用过百度的FIS，个人觉得也还好啊文档也全，但是在网上并没有找到特别多的文章和评论资料，是不是大家都不太用这个工具呢？
闭关修行中......
工具是为了需求而生的，能够符合你当下需求的就是你现在需要的。这些工具都是为了方便前端构建，打包出现的，为了符合工程化快速迭代的要求。一般有点规模稍微正式的前端团队都在用的，不用担心。简单介绍一下我的理解，gulp和grunt核心主要还是task吧，定义task然后根据需要和环境执行构建。两者基本是可替代的。webpack和bowersify都是打包的吧，webpack更强大点，打包之外可以用插件做一些压缩啊，lint啊的事，bowersify没用过不是很清楚。fis没用过就不说啦。一般的搭配:gulp或grunt加browersify或webpack。当然需求不复杂的情况下webpack可能就够用了。一句话从你的需求出发选择。学生党伪前端的看看法，看看就好。
我用过这个browserIfy，可以把nodejs的模块编译成能运行在客户端的代码
这个问题不是很好回答，我也不是很清楚，被邀请了，就简单说说我的理解吧。Gulp / Grunt 可以理解为帮助前端自动化的工具,旨在提供一个自动化的流程（省去了手动编译less，stylus，sass已经babel的转码，图片的压缩，代码的压缩复制等系列操作）;browserify / webpack 提供的是一个前端模块化的方案,让我们可以将commonJS的模块方式应用与浏览器端;webpack 是 browserify 的加强版,不但实现了browserify模块化思想，还将图片,样式等也纳入了模块化中;
FIS 没用过，不清楚啦
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
工具是为了需求而生的，能够符合你当下需求的就是你现在需要的。这些工具都是为了方便前端构建，打包出现的，为了符合工程化快速迭代的要求。一般有点规模稍微正式的前端团队都在用的，不用担心。
简单介绍一下我的理解，gulp和grunt核心主要还是task吧，定义task然后根据需要和环境执行构建。两者基本是可替代的。
webpack和bowersify都是打包的吧，webpack更强大点，打包之外可以用插件做一些压缩啊，lint啊的事，bowersify没用过不是很清楚。
fis没用过就不说啦。
一般的搭配:gulp或grunt加browersify或webpack。当然需求不复杂的情况下webpack可能就够用了。一句话从你的需求出发选择。学生党伪前端的看看法，看看就好。
我用过这个browserIfy，可以把nodejs的模块编译成能运行在客户端的代码
这个问题不是很好回答，我也不是很清楚，被邀请了，就简单说说我的理解吧。
Gulp / Grunt 可以理解为帮助前端自动化的工具,旨在提供一个自动化的流程（省去了手动编译less，stylus，sass已经babel的转码，图片的压缩，代码的压缩复制等系列操作）;
browserify / webpack 提供的是一个前端模块化的方案,让我们可以将commonJS的模块方式应用与浏览器端;
webpack 是 browserify 的加强版,不但实现了browserify模块化思想，还将图片,样式等也纳入了模块化中;
FIS 没用过，不清楚啦