如何理解 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阅读文档。有presets，但没有transform。我怎么知道我应该嵌套 dist>options>transform，并在其中包含 presets？我可以使用 loose: "all" 吗？同样的问题，当我试图理解 g运行t 时，为什么人们使用 dist，它是用于 cli (运行 g运行t --target=dist) 吗？

对不起，如果我听起来很愚蠢，几天来很难理解 g运行t 选项。

Answer 1

这只是文件夹的命名约定，例如 java 我们有

dist 是存储生成的存档的文件夹（因此它通过清理和构建进行更新）。
build 文件夹包含已编译的类和资源，但不包含压缩档案。

如何理解 Grunt 任务选项

How to understand Grunt task options

javascript

gruntjs

browserify

grunt-babel