如何理解 Grunt 任务选项答案

【问题标题】：How to understand Grunt task options如何理解 Grunt 任务选项
【发布时间】：2016-03-13 04:58:15
【问题描述】：

我的目标是在浏览器上运行 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" 吗？当我尝试理解 grunt 时，同样的问题，为什么人们使用 dist，它是用于 cli（运行 grunt --target=dist）吗？

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

【问题讨论】：

标签： javascript gruntjs browserify grunt-babel

【解决方案1】：

这只是我们在 java 中的文件夹命名约定

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

【讨论】：

抱歉这个令人困惑的问题，我问的是 browserify : { dist : {}}。我知道 ./dist 指的是一个文件夹。