javascript - Bower、browserify、requirejs、webpack 之间的区别？

Question

关闭。这个问题是 opinion-based 。目前不接受答案。

---

想要改进这个问题吗？更新问题，以便 editing this post 可以用事实和引文来回答它。 .

已关闭 8 年前。

Improve this question

我习惯了简单和小型的 JS 项目，其中 JS 依赖项作为构建过程的一部分使用 gulp 进行连接和缩小，并且 html 中的脚本标记包含该缩小的 JS 文件的硬编码路径。它并不优雅，并且可能有一些缺点，但从概念上讲，这是一种简单的方法。

但是对于更大的项目，我知道最好看看 Bower、browserify、requirejs、webpack 等打包系统。与我习惯的方式相比，使用它们有什么好处？它对开发过程有哪些主要帮助？

我提到的这些技术是否相互竞争，或者其中一些技术实现了不同的目的并且可以一起使用？它们有什么区别？

我还研究了 webpack，在某些地方将其描述为 gulp 的替代品。我以为 gulp 是一个构建系统，与这些打包工具不同？

编辑:这些概念与 AMD 或 CommonJS 有何关系？

Answer 1

Browserify、RequireJS、WebPack 都是模块加载器。 AMD 和 CommonJ 都是模块类型。许多(大多数)JavaScript 库(例如 JQuery)可以作为模块加载。 Require 已经存在了一段时间，其 IP 位于 DOJO 基础之下。 Browerify 越来越受欢迎，主要是因为服务器端 JS(节点)也可以在客户端工作。

Client side javascript module loaders在 slant.co 上。

Bower 是一个包管理器，主要用于安装 Git 存储库，它还可以链接到 GULP 或 Grunt，它们是前端构建工具，即它们使用 requireJS 优化器来缩小等。

你可以比较这三个模块加载器，Bower 没有可比性，因为一旦它为你复制了包就差不多了。