如何理解Grunt任务选项

时间:2015-12-08 10:06:53

标签: javascript gruntjs browserify grunt-babel

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

并且能够运行ES2015代码。 但是我很难创建一个Gruntfile.js,我不明白哪些关键字可用以及它们的作用。以浏览器为例,它可以像这样配置

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>选项>转换,并且其中有一个presets?我可以使用loose: "all"吗? 同样的问题,当我试图理解咕噜声,为什么人们使用dist,是否为cli(运行grunt --target = dist)?

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

1 个答案:

答案 0 :(得分:0)

这只是我们拥有的文件夹的命名约定

  • dist是存储生成的档案的文件夹(因此通过清理和构建更新)。
  • 构建文件夹包含已编译的类和资源,但不包含压缩的存档。