javascript - GRUNT - 安装 Grunt 包？

Question

谁能告诉我这里做错了什么(我是 grunt 的新手)一个大学给我提供了一个基本的 gruntfile 设置

我已经安装了 node、js 和 grunt，但我不知道如何安装各种包(uglify、concat 等)- 我应该使用哪个命令？

Answer 1

您必须问自己的第一个问题是，“grunt 依赖项的名称是什么？”

快速回答:

只需为您要安装的每个包执行 npm install <package-name>。 在大多数情况下，我认为包名等同于它们的 github 名称。 (例如 grunt-contrib-concat。)

npm install grunt-contrib-concat 将安装它，然后继续下一步。

提高可维护性:

为了获得最佳可维护性和跨开发人员/环境支持，您应该考虑使用 package.json 列出您的依赖项。

一旦您在 package.json 中列出了所有依赖项，您就可以运行 npm install 并且在需要时将安装所有依赖项。 (对于基于开发的依赖与基于运行时/生产的依赖管理，请继续阅读!)

最佳实践:

node js 的最佳工作流程是首先使用 npm init，以便为您创建 package.json 文件。然后一旦你有了 package.json，你可以通过将它们添加到 json 文件中各自的列表或使用 npm install <package name> --save 将它们动态添加到它们各自的列表来安装每个依赖项/devDependencies或分别为 --save dev。

NOTE: IF you are experimenting, and you'd rather NOT save a node module to your dependency list, then a simple npm install <package name> will do.

在这一点上，我确实建议搜索 npm package.json best practices - 因为您会找到一些关于 nodejs 工作流的有值(value)的信息。依赖管理可以是惊人的，但前提是您知道如何真正利用所提供的实用程序。

考虑 package.json 文件中的以下摘录:

  "dependencies": {
    "backbone": "*",
    "underscore": "~*",
    "requirejs": "*"
    "jquery": "*"
  },
  "devDependencies": {
    "grunt": "*",
    "grunt-contrib-uglify": "*",
    "grunt-contrib-concat": "*",
    "grunt-contrib-copy": "*"
  },

我们看到的例子是 dependencies 下的 npm 包会在运行 npm install --production 时安装，开发包会在运行 npm install --development 时自动安装，

NOTE: You can change your node environment as well which modifies the usage of a simple npm install with no flags.

在大多数情况下，grunt 用于开发，所以我相信在 devDependencies 中找到与 grunt 相关的任何东西会更常见

示例 package.json:

http://browsenpm.org/package.json