javascript - 如何理解 Grunt 任务选项

Question

我的目标是在浏览器上运行ES6代码，经过大量阅读后，我发现了这个 enter link description here

并且能够运行 ES2015 代码。但我在创建 Gruntfile.js 时遇到了困难，我不明白哪些关键字可用以及它们的作用。以browserify为例，可以这样配置

module.exports = function (grunt) {
   grunt.initConfig({
      browserify: {
         dist: {
            options: {
               transform: [
                  ["babelify", {
                     "presets":["es2015"]
                  }]
               ]
            },
            files: {               
               "./dist/module.js": ["./modules/index.js"]
            }
         }
      },

   });

   grunt.loadNpmTasks("grunt-browserify"); 
   grunt.registerTask("default", ["browserify"]);
};

然后我转到browserify website阅读文档。有预设，但没有转换。我怎么知道我应该嵌套 dist>options>transform，并在其中有一个 presets ？我可以使用loose: "all"吗？当我尝试理解 grunt 时，同样的问题，为什么人们使用 dist，它是用于 cli (运行 grunt --target=dist)吗？

抱歉，如果我听起来很愚蠢，几天来很难理解 grunt 选项。

Answer 1

这只是文件夹的命名约定，就像我们在java中一样

• dist 是存储生成的存档的文件夹(因此它会通过 clean 和 build 进行更新)。
• build 文件夹包含已编译的类和资源，但不包含压缩文件。