我的目标是在浏览器上运行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阅读文档。
有预设
,但没有转换
。我怎么知道我应该嵌套 dist>options>transform,并在其中有一个 presets
?我可以使用loose: "all"
吗?
当我尝试理解 grunt 时,同样的问题,为什么人们使用 dist
,它是用于 cli (运行 grunt --target=dist)吗?
抱歉,如果我听起来很愚蠢,几天来很难理解 grunt 选项。
最佳答案
这只是文件夹的命名约定,就像我们在java中一样
- dist 是存储生成的存档的文件夹(因此它会通过 clean 和 build 进行更新)。
- build 文件夹包含已编译的类和资源,但不包含压缩文件。
关于javascript - 如何理解 Grunt 任务选项,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34153076/