webpack 与 grunt、gulp 的区别

---

• Webpack
  • 定义: 模块打包器
  • 依赖关系: 会自动分析模块之间的依赖关系
  • 性能: 支持代码分割、Tree Shaking、缓存
  • 热更新: 支持
• Grunt/Gulp
  • 定义: 任务运行器
  • 依赖关系: 需要手动配置任务 ( 插件 ) 的执行顺序来处理模块化
  • 性能: Grunt 需要频繁读写文件系统, Gulp 采用流式处理
  • 热更新: 不支持