javascript - npm、bower、gulp、Yeoman 和 grunt 有什么用？

Question

我是后端开发人员，对 npm、bower、gulp、grunt 和 Yeoman 有点困惑。每当我问某人他们的目的是什么时，答案往往归结为依赖管理器——对他们所有人来说。当然，我们不需要四种功能完全相同的不同工具吗？

有人可以用尽可能少的句子解释每个工具的好处吗？如果可能的话，每个工具一个，使用五岁 child (具有开发技能)可以理解的语言？

例如:

• SVN 存储、管理和跟踪对我们源代码的更改

我以前用过maven、Jenkins、nexus和ant；也许您可以将上述工具与这些工具进行比较？

也可以随意将其他前端工具添加到列表中。

这是我到目前为止所发现的 - 但不确定它是否正确:

• bower 用于前端开发/JS 库的依赖管理器，使用平面依赖列表
• npm node.js 服务器的依赖管理器，可以解析传递依赖/依赖树
• grunt 运行任务，很像 Jenkins，但在命令行上是局部的
• Yeoman 提供脚手架，即骨架项目
• gulp 和grunt一样，只是用js写的
• node.js 用于 js 应用程序的服务器？
• git 分散式 SCM/VCS，对应 svn/cvs

我接近了吗？ :)

Answer 1

你很接近!欢迎使用 JavaScript :)

让我给你一个简短的描述和一个大多数开发人员花时间使用的功能。

bower 专注于浏览器中使用的包。每个bower install <packagename>指向一个要包含的文件(可以下载更多)。由于 webpack、browserify 和 babel 的成功，它作为一流的依赖管理器基本上已经过时了。

2018 年更新:Bower 大部分被弃用，取而代之的是 NPM

npm历史上专注于 NodeJS 代码，但已经为浏览器模块覆盖了 bower。不要让任何人愚弄您:NPM 非常庞大。 NPM 还会将许多文件加载到您的项目中，并且全新的 npm 安装始终是冲泡一杯新咖啡的好理由。 NPM 易于使用，但由于引用版本的松散方式和模块发布的任意性，在更改环境时可能会破坏您的应用程序。研究Shrink Wrap和 npm install --save-exact

2018 年更新:NPM 长大了!已经实现了许多关于安全性和可重复性的改进。

咕噜声促进任务自动化。大口大口地吞咽着更迟钝的哥哥。 JavaScript 社区在 2014 年经常和他一起出去玩。 Grunt 在某些地方已经被认为是遗留的，但仍然有大量真正强大的自动化有待发现。对于更大的用例，配置可能是一场噩梦。 There is a grunt module for that though.

2018 年更新:grunt 大部分已过时。易于编写的 webpack 配置已经杀死了它。

一饮而尽做与 grunt 相同的事情，但速度更快。

npm 运行脚本您可能根本不需要任务运行程序。 NodeJS 脚本非常容易编写，因此大多数用例都允许自定义任务自动化工作流程。使用 npm run-script 从 package.json 文件的上下文运行脚本

网页包不要错过 webpack。尤其是当您对将 JavaScript 编写成连贯的模块化代码的多种方法感到迷茫时。 Webpack 将 .js 文件打包成模块并且做得非常出色。 Webpack 具有高度可扩展性，也提供了良好的开发环境:webpack-dev-server与 babel 结合使用以获得迄今为止最好的 JavaScript 体验。

自耕农脚手架。对于具有不同背景的团队来说非常有值(value)，因为它为您的项目架构提供了一个可控的共同点。甚至还有一个 scaffolding for scaffolds .