NPM 和 Bower 中的包依赖项

Question

第一次使用 npm 和 bower。我能够正确安装软件包，但我不确定依赖项是如何工作的？例如，我在我的应用程序根目录中执行了“npm install angularjs”，它创建了一个文件夹“node_modules/angularjs/”，其中包含一些文件。我还可以看到 angularjs 文件夹中有一个 package.json 文件，看起来它没有被处理，因为其中列出了许多包并且没有安装。

长话短说，我应该手动安装所有这些包，还是有一个 npm/bower 也可以处理这些依赖集的内置功能？

更新：

我非常缺乏提出精确问题的能力，我向那些回答过但没有给出正确提示的人道歉。

我预计会发生什么：

使用 npm 或 bower，我想澄清一下，如果我安装其中一个软件包，它是否会自动安装新软件包的依赖项，或者我是否需要为每个软件包进行 npm/bower 安装。手动创建 json 或 bower.json 文件？

我做了什么来让它发挥作用：

1. 已创建文件夹 D:\Websites\TestSite
2. 在通过 CMD 的文件夹中，我执行了“npm init”并浏览了指南
3. 我随后使用了“npm install angularjs”
4. 创建了一个新文件夹 D:\Websites\TestSite\node_modules\angularjs，在这个文件夹中有一个“index.js”和 package.json 文件
5. 打开 index.js 我得到一个“require(“angular”);”和 module.exports = window.angular。
6. package.json 文件包含许多尚未安装的依赖项。

我的结果：

• 按照我的预期，上面第 3 点中的 npm install 在安装 angularjs 后并没有安装 package.json 文件的依赖项。
• 我不确定，但我认为 index.js 文件需要包含在我的 html 中，并且需要启动 requirejs 库？如果是这种情况，那么 requirejs（我没有在我的网站上安装）应该是 angularjs 工作的依赖项，并且应该在让我能够尝试启动它之前安装？
• 我是否遗漏了一个步骤或误解了 NPM/Bower 的功能？感谢您的耐心等待！

Answer 1

Npm 和Bower 是管理依赖项的好工具，我会试着用几句话说清楚。

一般npm 用于管理您的后端依赖项，Bower 负责您的前端依赖项。

有 2 个配置文件：

• package.json，这里列出了您在浏览器中未使用的依赖项（例如 bower、grunt）。要在 package.json 中安装所有依赖项，请运行 npm install。
• Bower.json，这里将列出您的“在浏览器中”依赖项（例如 Angular、jQuery）。运行 bower install 以安装 bower_components 中列出的所有依赖项

你可以找到我写的扩展指南here。