gulp/grunt和browserify/webpack的区别

Gulp应该和Grunt比较,他们的区别我就不说了,说说用处吧。
Gulp / Grunt 是一种工具,能够优化前端工作流程。
比如自动刷新页面、combo、压缩css、js、编译less等等。
简单来说,就是使用Gulp/Grunt,然后配置你需要的插件,
就可以把以前需要手工做的事情让它帮你做了

说到 browserify / webpack ,那还要说到 seajs / requirejs 。
这四个都是JS模块化的方案。其中seajs / require 是一种类型,
browserify / webpack 是另一种类型。

seajs / require : 是一种在线”编译” 模块的方案,
相当于在页面上加载一个 CMD/AMD 解释器。这样浏览器就认识了 define、exports、module 这些东西。
也就实现了模块化。
browserify / webpack : 是一个预编译模块的方案,相比于上面 ,这个方案更加智能。
没用过browserify,这里以webpack为例。首先,它是预编译的,不需要在浏览器中加载解释器。
另外,你在本地直接写JS,不管是 AMD / CMD / ES6 风格的模块化,它都能认识,并且编译成浏览器认识的JS。

这样就知道,Gulp是一个工具,而webpack等等是模块化方案。Gulp也可以配置seajs、requirejs甚至webpack的插件。

转载于http://www.cnblogs.com/lqcdsns/p/6136545.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值