Webpack,Browserify和Gulp三者之间到底是怎样的关系
2024-10-20 06:27:17
转:https://zhidao.baidu.com/question/1799220342210982227.html
怎么解释呢?因为 Gulp 和 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的插件。
最新文章
- react+redux教程(五)异步、单一state树结构、componentWillReceiveProps
- Nginx 支持 CI 框架的配置并禁止使用 ip 访问
- ruby -- 基础学习(八)中文字符串截取的函数
- SpringMvc学习心得(五)控制器产生与构建
- Asp.net磁力链接搜索引擎源码-www.btboot.com
- (转)http接口测试——Jmeter接口测试实例讲解
- Controlling GameObjects Using Components
- tc 2014 college tour 250 500
- 用C#来查看电脑硬件和系统信息
- filter高级应用
- MySql中的内外联结查询
- codeforces 603C. Lieges of Legendre sg函数
- 25个Linux性能监控工具
- 什么是Echarts?Echarts如何使用?
- JNI的使用总结初篇
- JS面向对象之原型链
- php输出语句有什么不同
- docker简易命令
- char* 与 char[] 的区别
- 静态编译C/C++程序
热门文章
- APP IONIC3 angular4
- Atitit.收银机小票打印功能的设计  java php c#.net版本
- INSERT 失败,因为下列 SET 选项的设置不正确: 'ARITHABORT'
- 【HDU-5246】超级赛亚ACMer(贪心)
- C++语言基础(19)-模板的显式具体化
- 【转载】利用MAVEN打包时,如何包含更多的资源文件
- spring 第一篇(1-2):管理你的beans
- EasyUI DataGrid 相同连续列合并
- 编译包中的 Servlet
- Spring MVC文本框