如何理解Grunt任務選項

Question

我的目標是在瀏覽器上運行ES6代碼，在閱讀了很多內容之后，我發現此處輸入鏈接說明

並能夠運行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一個presets ？ 我可以使用loose: "all"嗎？ 當我嘗試理解grunt時，同樣的問題，為什么人們使用dist ，它用於cli（運行grunt --target = dist）？

對不起，如果我聽起來很愚蠢，幾天來都很難理解骯臟的選擇。

Answer 1

只是像Java這樣的文件夾的命名約定

• dist是存儲生成的歸檔文件的文件夾（因此將通過clean和build進行更新）。
• build文件夾包含已編譯的類和資源，但不包含壓縮檔案。