我按照grunt.option页面上的说明为我的Gruntfile中的不同环境/目标(如开发,登台和生产)创建了不同的配置。但是,这样做后我发现我的任务无声地失败了。
我把问题简化为一个非常简单的例子。以下Gruntfile无法构建文件:
module.exports = function (grunt) {
grunt.initConfig({
pkg: grunt.file.readJSON('package.json'),
less: {
dev: {
options: {
compress: true
},
build: {
src: ['src/css/test.less'],
dest: 'build/css/test.css'
}
}
}
});
grunt.loadNpmTasks('grunt-contrib-less');
grunt.registerTask('default', ['less:dev']);
};
终端输出如下:
$ grunt
Running "less:dev" (less) task
Done, without errors.
但是,如果我使用以下Gruntfile,则构建输出符合预期:
module.exports = function (grunt) {
grunt.initConfig({
pkg: grunt.file.readJSON('package.json'),
less: {
options: {
compress: true
},
build: {
src: ['src/css/test.less'],
dest: 'build/css/test.css'
}
}
});
grunt.loadNpmTasks('grunt-contrib-less');
grunt.registerTask('default', ['less']);
};
此Gruntfile的终端输出反映了构建的文件:
$ grunt
Running "less:build" (less) task
File build/css/test.css created.
Done, without errors.
我在第一个Gruntfile中做错了什么?关于这个task:target
惯例,我错过了什么?
答案 0 :(得分:6)
您的第一个Gruntfile - 如果您需要每个目标选项,则需要指定files
对象。所以你的代码是这样的:
less: {
dev: {
files: {
"build/css/test.css": "src/css/test.less"
}
},
production: {
options: {
compress: true
},
files: {
"build/css/test.css": "src/css/test.less"
}
},
}
基本上在你的第一个Gruntfile build
中是一个未知对象。您的目标名为dev
,grunt-contrib-less
没有名为build
的选项,因此Grunt不知道在哪里写文件。您的第二个Gruntfile有效,因为您将选项设置为全局。如果您想要每个目标选项,请使用上面的代码。