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网站阅读文档。有presets，但没有transform。我怎么知道我应该嵌套 dist>options>transform，并presets在其中包含一个？我可以使用loose: "all"吗？当我尝试理解 grunt 时，同样的问题，为什么人们使用dist, 是用于 cli （运行 grunt --target=dist）？

对不起，如果我听起来很愚蠢，几天来很难理解咕噜声的选择。

Answer 1

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

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