嗨,我有一个问题,我需要为不同的目录观看较少的任务。 我需要一种方法来编辑较少的任务,而不是复制它们我需要在其中使用变量dir。
有我的代码:
module.exports = function(grunt) {
grunt.initConfig({
pkg : grunt.file.readJSON('package.json'),
dirLess : 'less',
dirCss : 'css',
dirImages : 'images',
dirDT : 'theme-cdt',
dirPB : 'theme-cpb',
dirMCS : 'theme-cmcs',
dirSprites : '<%= dirImages %>/sprites',
dirIconFont : './fonts',
dirCssMin : '<%= dirCss %>/min',
less : {
devDT : {
options : {
outputSourceFiles: true,
sourceMap : true,
sourceMapFilename : '<%= dirDT %>/<%= dirCss %>/style.css.map',
sourceMapBasepath : '<%= dirDT %>/<%= dirCss %>/',
},
files : {
'<%= dirDT %>/<%= dirCss %>/style.css' : '<%= dirDT %>/<%= dirLess %>/style.less'
},
},
devIeDT : {
files : {
'<%= dirDT %>/<%= dirCss %>/style-ie9-bootstrap.css': '<%= dirDT %>/<%= dirLess %>/style-bootstrap.less',
'<%= dirDT %>/<%= dirCss %>/style-ie9-common.css': '<%= dirDT %>/<%= dirLess %>/style-common.less',
'<%= dirDT %>/<%= dirCss %>/style-ie9-view.css': '<%= dirDT %>/<%= dirLess %>/style-view.less',
'<%= dirDT %>/<%= dirCss %>/style-ie8.css': '<%= dirDT %>/<%= dirLess %>/style-ie8.less'
},
},
devPB : {
options : {
outputSourceFiles: true,
sourceMap : true,
sourceMapFilename : '<%= dirPB %>/<%= dirCss %>/style.css.map',
sourceMapBasepath : '<%= dirPB %>/<%= dirCss %>/',
},
files : {
'<%= dirPB %>/<%= dirCss %>/style.css' : '<%= dirPB %>/<%= dirLess %>/style.less'
},
},
devIePB : {
files : {
'<%= dirPB %>/<%= dirCss %>/style-ie9-bootstrap.css': '<%= dirPB %>/<%= dirLess %>/style-bootstrap.less',
'<%= dirPB %>/<%= dirCss %>/style-ie9-common.css': '<%= dirPB %>/<%= dirLess %>/style-common.less',
'<%= dirPB %>/<%= dirCss %>/style-ie9-view.css': '<%= dirPB %>/<%= dirLess %>/style-view.less',
'<%= dirPB %>/<%= dirCss %>/style-ie8.css': '<%= dirPB %>/<%= dirLess %>/style-ie8.less'
},
},
devMCS : {
options : {
outputSourceFiles: true,
sourceMap : true,
sourceMapFilename : '<%= dirMCS %>/<%= dirCss %>/style.css.map',
sourceMapBasepath : '<%= dirMCS %>/<%= dirCss %>/',
},
files : {
'<%= dirMCS %>/<%= dirCss %>/style.css' : '<%= dirMCS %>/<%= dirLess %>/style.less'
},
},
devIeMCS : {
files : {
'<%= dirMCS %>/<%= dirCss %>/style-ie9-bootstrap.css': '<%= dirMCS %>/<%= dirLess %>/style-bootstrap.less',
'<%= dirMCS %>/<%= dirCss %>/style-ie9-common.css': '<%= dirMCS %>/<%= dirLess %>/style-common.less',
'<%= dirMCS %>/<%= dirCss %>/style-ie9-view.css': '<%= dirMCS %>/<%= dirLess %>/style-view.less',
'<%= dirMCS %>/<%= dirCss %>/style-ie8.css': '<%= dirMCS %>/<%= dirLess %>/style-ie8.less'
},
}
},
watch : {
devDT : {
files : [ '<%= dirDT %>/<%= dirLess %>/*.less', '<%= dirDT %>/<%= dirLess %>/bootstrap-less/*.less', '<%= dirDT %>/<%= dirLess %>/bootstrap-less/mixins/*.less',
'<%= dirDT %>/<%= dirLess %>/common/*.less', '<%= dirDT %>/<%= dirLess %>/components/*.less', '<%= dirDT %>/<%= dirLess %>/plugin/*.less', '<%= dirDT %>/<%= dirJsAcc %>/*.js',
'<%= dirDT %>/<%= dirIconFont %>/_iconfont.less', 'Gruntfile.js' ], // '<%= dirJs %>/*.js'
tasks : [ 'less:devDT', 'less:devIeDT' ], // 'uglify:dev', 'autoprefixer:all'
options : {
livereload: 12344,
reload: true
},
},
devPB : {
files : [ '<%= dirPB %>/<%= dirLess %>/*.less', '<%= dirPB %>/<%= dirLess %>/bootstrap-less/*.less', '<%= dirPB %>/<%= dirLess %>/bootstrap-less/mixins/*.less',
'<%= dirPB %>/<%= dirLess %>/common/*.less', '<%= dirPB %>/<%= dirLess %>/components/*.less', '<%= dirPB %>/<%= dirLess %>/plugin/*.less', '<%= dirPB %>/<%= dirJsAcc %>/*.js',
'<%= dirPB %>/<%= dirIconFont %>/_iconfont.less', 'Gruntfile.js' ], // '<%= dirJs %>/*.js'
tasks : [ 'less:devPB', 'less:devIePB' ], // 'uglify:dev', 'autoprefixer:all'
options : {
livereload: 12346,
reload: true
},
},
devMCS : {
files : [ '<%= dirMCS %>/<%= dirLess %>/*.less', '<%= dirMCS %>/<%= dirLess %>/bootstrap-less/*.less', '<%= dirMCS %>/<%= dirLess %>/bootstrap-less/mixins/*.less',
'<%= dirMCS %>/<%= dirLess %>/common/*.less', '<%= dirMCS %>/<%= dirLess %>/components/*.less', '<%= dirMCS %>/<%= dirLess %>/plugin/*.less', '<%= dirMCS %>/<%= dirJsAcc %>/*.js',
'<%= dirMCS %>/<%= dirIconFont %>/_iconfont.less', 'Gruntfile.js' ], // '<%= dirJs %>/*.js'
tasks : [ 'less:devMCS', 'less:devIeMCS' ], // 'uglify:dev', 'autoprefixer:all'
options : {
livereload: 12347,
reload: true
},
}
},
concurrent: {
all: {
tasks: ['watch:devDT', 'watch:devPB', 'watch:devMCS'],
options: {
logConcurrentOutput: true
}
}
}
});
grunt.loadNpmTasks('grunt-contrib-less');
grunt.loadNpmTasks('grunt-contrib-uglify');
grunt.loadNpmTasks('grunt-contrib-concat');
grunt.loadNpmTasks('grunt-contrib-watch');
grunt.loadNpmTasks('grunt-concurrent');
grunt.registerTask('default', [ 'less:devMCS', 'less:devIeMCS', 'less:devPB', 'less:devIePB', 'less:devDT', 'less:devIeDT' ]);
grunt.registerTask('conc', ['concurrent:all'])
// grunt.registerTask('mcs', [ 'watch:devMCS' ]);
// grunt.registerTask('pb', [ 'watch:devPB' ]);
// grunt.registerTask('dt', [ 'watch:devDT' ]);
};
我需要在一个通用中压缩所有相同的较少任务,可以动态使用少一个:dev将目录传递给任务。
我在互联网上搜索,我发现的唯一一件事是在任务调用中使用全局变量,但是当此事件嵌套在其他事件中时,此变量在嵌套事件中丢失(例如,监视任务采用变量但运行的任务较少在这个监视任务内部丢失而未设置)。
感谢
答案 0 :(得分:1)
使用传递给您的任务的参数即时制作&#34; custom&#34;任务。例如:
watch: {
service: {
files: ['src/**/*.*'],
tasks: ['<%= grunt.task.current.args[1] %>']
}
}
然后,您可以将值(在这种情况下为myARG
)传递给任务:
grunt.registerTask('serve', ['build', 'watch:service:myARG']);
这使得任务等同于
watch: {
service: {
files: ['src/**/*.*'],
tasks: ['myARG']
}
}
如果需要,您可以使用更多冒号:
传递多个值。