Grunt，NPM和Bower之间的区别（package.json与bower.json）

我是使用npm和bower的新手，在emberjs中构建了我的第一个应用程序:)。
我确实有一些关于Rails的经验，所以我熟悉列出依赖项的文件（例如捆绑程序Gemfile）的概念

问：当我想添加一个包（并检查依赖性进入GIT），在那里它属于-成package.json或成bower.json？

从我所收集，
运行bower install将获取的包，并把它放在/vendor目录下，
运行npm install会取它，把它放进/node_modules目录。

这样的回答说，Bower用于前端，而npm用于后端。乍一看，
Ember-app-kit似乎坚持了这种区别...但是gruntfile中的用于启用某些功能的指令给出了两个显式命令，因此我在这里完全感到困惑。

凭直觉我会猜到

1. npm install --save-dev软件包名称等同于将软件包名称添加到我的package.json中

2. bower install --save软件包名称可能与将软件包添加到我的bower.json并运行bower install相同。

如果是这样，我什么时候应该显式安装软件包而不将其添加到管理依赖项的文件中（除了全局安装命令行工具以外）？

2016年中更新：

事情变化太快了，如果到了2017年末，这个答案可能就不再是最新的了！

初学者可能会很快迷失在选择构建工具和工作流程中，但是2016年最新的是根本不使用Bower，Grunt或Gulp！借助Webpack，您可以直接在NPM中进行所有操作！

• Google“将npm作为构建工具”的结果：https : //medium.com/@dabit3/introduction-to-using-npm-as-a-build-tool-b41076f488b0#.c33e74tsa

• Webpack：https ://webpack.github.io/docs/installation.html

不要误会我的意思，人们使用其他工作流程，并且我仍在旧项目中使用GULP（但慢慢地移出了它），但这是最好的公司和从事此工作流程的开发人员所采用的方式，这笔钱可真可观！

看看这个模板，它是一个最新的设置，由最好的技术和最新的技术组成：https : //github.com/coryhouse/react-slingshot

• Webpack
• NPM作为构建工具（无Gulp，Grunt或Bower）
• 与Redux反应
• ESLint
• 清单很长。去探索！

你的问题：

当我想添加一个包（并将依赖项检入git）时，它属于哪里-进入package.json或bower.json

• 一切现在都属于package.json

• 构建所需的依赖关系位于“ devDependencies”中，即npm install require-dir --save-dev（--save-dev通过在devDependencies中添加条目来更新package.json）

• 应用程序在运行时所需的依赖项位于“依赖项”中，即npm install lodash --save（--save通过在依赖项中添加条目来更新package.json）

如果是这样，我什么时候应该显式安装软件包而不将其添加到管理依赖项的文件中（除了全局安装命令行工具以外）？

总是。只是因为舒适。添加标志（--save-dev或--save）时，管理deps（package.json）的文件会自动更新。不要浪费时间手动编辑依赖项。捷径npm install --save-dev package-name是npm i -D package-name和快捷的npm install --save package-nameISnpm i -S package-name

Npm和Bower都是依赖项管理工具。但是两者之间的主要区别是npm用于安装Node js模块，而bower js用于管理前端组件，例如html，css，js等。

更令人困惑的一个事实是，npm提供了一些可以在前端开发中使用的软件包，例如grunt和jshint。

这些行增加了更多含义

Bower与npm不同，可以具有多个文件（例如.js，.css，.html，.png，.ttf），这些文件被视为主要文件。当打包在一起时，Bower在语义上将这些主文件视为一个组件。

编辑：Grunt与Npm和Bower完全不同。Grunt是一个JavaScript任务运行器工具。您可以使用grunt来做很多事情，否则必须手动进行。重点介绍Grunt的一些用法：

1. 压缩一些文件（例如zipup插件）
2. 在JS文件上整理（jshint）
3. 编译更少的文件（无需grunt-contrib）

有一些用于sass编译，丑陋的javascript，复制文件/文件夹，缩小javascript的grunt插件。

请注意，grunt插件也是npm软件包。

问题1

当我想添加一个包（并将依赖项检入git）时，它属于哪里-进入package.json或bower.json

这实际上取决于此程序包所属的位置。如果它是节点模块（例如grunt，request），则它将进入package.json，否则进入Bower json。

问题2

我何时应该像这样显式安装软件包而不将其添加到管理依赖项的文件中

无论是显式安装软件包还是在.json文件中提及依赖关系都没有关系。假设您正在处理节点项目，并且需要另一个项目，例如request，那么您有两个选择：

• 编辑package.json文件并添加对'request'的依赖
• npm安装

要么

• 使用命令行： npm install --save request

--saveoptions也将依赖项添加到package.json文件。如果不指定--saveoption，它将仅下载软件包，而json文件不会受到影响。

您可以通过任何一种方式来执行此操作，不会有很大的不同。