javascript - 嵌套对象文字在 grunt.js 文件中意味着什么？

Question

我无法理解有时出现在 grunt.js 文件中的嵌套。在下面的示例中，concat.dist 和 min.dist 等嵌套对象是什么意思？ dist 键是引用另一个命名任务还是只是一个配置对象？执行 concat 和 min 任务时究竟调用了什么？

module.exports = function (grunt) {
  grunt.initConfig({
    // …
    concat: {
      dist: {
        src: ["<banner:meta.banner>", "<file_strip_banner:lib/main.js>"],
        dest: "dist/main.js",
      }
    },
    min: {
      dist: {
        src: ["<banner:meta.banner>", "<config:concat.dist.dest>"],
        dest: "dist/main.min.js",
      }
    },
    // …
  });

  // …
  grunt.registerTask("default", "lint qunit concat min");
};

Answer 1

在grunt中，支持这种嵌套的任务叫做 multi tasks ，嵌套对象称为目标。假设您有以下多任务:

 concat: {
    dist: {
       src: ["<banner:meta.banner>", "<file_strip_banner:lib/main.js>"],
       dest: "dist/main.js",
    },
    dev: {
       (...)
    }
 }

这意味着您拥有包含目标 dist 和 dev 的多任务 concat。您可以通过在控制台上键入任务名称来运行任何多任务的所有目标。例如:

grunt concat

将同时运行 concat 和 dev。另一方面，您也可以明确指定要运行的目标:

grunt concat:dist  

只会执行 dist 目标。

据我所知，如果您有两个目标同名的多任务(例如您的示例 min.dist 和 concat.dist)，这不会这并不意味着 dist 以某种方式引用同一事物，它们只是碰巧共享相同的名称。