gulp/grunt和browserify/webpack的区别
来源:互联网 发布:工作计划制定软件 编辑:程序博客网 时间:2024/05/22 13:47
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
0 0
- gulp/grunt和browserify/webpack的区别
- Gulp,grunt,seajs/require和browserify/webpack的区别?
- gulp/grunt和browserify/webpack说明
- Webpack、Browserify和Gulp
- gulp和webpack的区别
- gulp和webpack的区别
- Grunt、Gulp区别 webpack、 requirejs区别
- grunt、gulp 的区别
- grunt, gulp以及webpack概念和应用
- webpack和gulp区别
- webpack开发工具 (gulp、browserify、webpack)
- 前端自动化:谈谈grunt和gulp的区别
- browserify和webpack
- gulp与webpack的区别
- gulp与webpack的区别
- Gulp和webpack的区别,是一种工具吗?
- Gulp和webpack的区别,是一种工具吗?
- Gulp和webpack的区别,是一种工具吗?
- [2017.4.20]IMWEB前端小白训练营日记(六)
- android 仿 淘宝淘口令
- win7+ubuntu虚拟机+hadoop2.6.0+eclipse(实体机)环境配置
- Oracle中IS TABLE OF的使用
- 序列化二叉树
- gulp/grunt和browserify/webpack的区别
- NAND.c
- 【项目】简易http服务器流程图分析
- EffectiveJava笔记 第一章
- 把表中一列的所有数字加和
- [2017.4.21]IMWEB前端小白训练营日记(七)
- 【涨姿势】Windows下调整系统栈大小(附图)
- 凯文·凯利来华再谈人工智能,并预测未来 25 年的技术发展趋势
- jQuery开发笔记