Webpack与Gulp、Grunt没有什么可比性,它可以看作模块打包机,通过分析你的项目结构,找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言(Scss,TypeScript等),并将其转换和打包为合适的格式供浏览器使用。Gulp/Grunt是一种能够优化前端的开发流程的工具,而WebPack是一种模块化的解决方案,不过Webpack的优点使得Webpack在很多场景下可以替代Gulp/Grunt类的工具。

  他们的工作方式也有较大区别:

  Grunt和Gulp的工作方式是:在一个配置文件中,指明对某些文件进行类似编译,组合,压缩等任务的具体步骤,工具之后可以自动替你完成这些任务。

  Webpack的工作方式是:把你的项目当做一个整体,通过一个给定的主文件(如:index.js),Webpack将从这个文件开始找到你的项目的所有依赖文件,使用loaders处理它们,最后打包为一个(或多个)浏览器可识别的JavaScript文件。

最新文章

  1. jQuery-easyui实现关闭全部tabs
  2. Businessworks的设计思想
  3. iOS - OC NSStream 文件流
  4. 【转】对 Xcode 菜单选项的详细探索(干货)
  5. 洛谷P1474 货币系统 Money Systems
  6. Java API ——Arrays类
  7. iOS开发内购图文教程
  8. 无边无状态栏窗口(使用GetWindowLongPtr设置GWL_EXSTYLE)
  9. hdoj 2183 奇数阶魔方(II) 【模拟】+【法】
  10. event.returnValue和return false的区别
  11. Win7 环境下虚拟机内 Samba 服务器的安装、配置以及与主机的通信实现
  12. 【淘宝客】根据淘客联盟精选清单(淘宝天猫内部优惠券)随机显示淘宝天猫优惠券dome
  13. C++教程之初识编程
  14. 入门嵌入式选择2440?树莓派?STM32?4412开发板?
  15. Pytorch中的自动求导函数backward()所需参数含义
  16. oracle 重复只保留一条
  17. Leetcode——258.各位相加【水题】
  18. Python学习笔记第五周
  19. C语言函数入参压栈顺序为什么是从右向左?
  20. 洛谷大宁的邀请赛~元旦祭F: U17264 photo(线段树)

热门文章

  1. Python的程序结构[4] -> 函数/Function[0] -> 函数与方法的区别
  2. 洛谷——1164 小A点菜(背包方案数)
  3. HDU 4417 Super Mario (划分树)(二分)
  4. Guess Number Higher or Lower II -- LeetCode
  5. Codeforces E. Bash Plays with Functions(积性函数DP)
  6. WIN7无法卸载掉中文繁体注音输入法
  7. ElasticSearch获取指定Field数据的Java方法
  8. Java 学习之网络编程案例
  9. Binder与Servicede关联
  10. std::multimap 按照key遍历---