如何同时运行两个grunt监视任务
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了如何同时运行两个grunt监视任务相关的知识，希望对你有一定的参考价值。
是否可以同时运行两个监视任务？
我知道我可以在手表设置中拥有任何我想要的任务，只需启动grunt手表，它就会观看所有这些，就像这样
...
watch: {
A: {
files: "js/dev/**/*.coffee",
tasks: ["coffee", "requirejs"]
},
B: {
files: "js/dev/**/*.coffee",
tasks: ["coffee"]
},
C: {
files: "js/dev/**/*.html",
tasks: ["copy"]
}
}
...
......但我不需要这个。我只想拥有不同的开发和生产任务。你可以猜到，A（生产）和B（开发）之间的唯一区别是缩小和连接。我不需要同时启动A和B任务。
首先，我提出了这个想法
grunt.registerTask("prod", ["watch:A", "watch:C"]);
grunt.registerTask("dev", ["watch:B", "watch:C"]);
但这没效果。只是第一次观察任务正在运行（C永远不会起作用）。这可能做我想要的吗？
我发现使用grunt-concurrent作品：
concurrent: {
options: {
logConcurrentOutput: true
},
prod: {
tasks: ["watch:A", "watch:C"]
},
dev: {
tasks: ["watch:B", "watch:C"]
}
}
然后：
grunt.registerTask("prod", ["concurrent:prod"]);
grunt.registerTask("dev", ["concurrent:dev"]);
编辑：并发现在有一个logConcurrentOutput选项！更多信息：https://github.com/sindresorhus/grunt-concurrent#logconcurrentoutput。
Watch是一个奇怪的并发但阻塞的任务，因此您必须具有创造性才能使多任务类功能正常工作。
并发丢失了监视任务的所有输出，这并不理想。
尝试在自定义任务中动态编写配置对象：
grunt.registerTask('watch:test', function() {
// Configuration for watch:test tasks.
var config = {
options: {
interrupt: true
},
unit: {
files: [
'test/unit/**/*.spec.coffee'
],
tasks: ['karma:unit']
},
integration: {
files: [
'test/integration/**/*.rb',
'.tmp/scripts/**/*.js'
],
tasks: ['exec:rspec']
}
};
grunt.config('watch', config);
grunt.task.run('watch');
});
有最好和唯一可行的解决方案：https://npmjs.org/package/grunt-focus添加此插件，然后：
focus: {
sources: {
include: ['js', 'html', 'css', 'grunt']
},
testu: {
include: ['js', 'html', 'css', 'testu', 'grunt']
},
testi: {
include: ['js', 'html', 'css', 'testu', 'testi', 'grunt']
}
},
watch: {
js: {
files: paths.js,
tasks: ['jshint'],
options: {
livereload: true
}
},
html: {
files: paths.html,
options: {
livereload: true
}
},
css: {
files: paths.css,
tasks: ['csslint'],
options: {
livereload: true
}
},
testu: {
files: ['test/**/*.js', 'test/**/*.css'],
tasks: ['mochaTest'],
options: {}
},
testi: {
files: ['test/**/*.js', 'test/**/*.css'],
tasks: ['exec:cleanTestDB', 'protractor_webdriver', 'protractor'],
options: {}
},
grunt: {
files: ['Gruntfile.js', 'server/config/env/*.js'],
options: {
reload: true
}
}
}
然后你使用焦点：来源或焦点：testu作为您的方便。
JM。
grunt-concurrent或grunt-focus都是很好的解决方案，但它们都破坏了livereload的功能。
我的解决方案是动态组合手表配置，假设您不会同时运行这两种配置。
你可以做这样的事情
grunt.config.merge({
watch: {
options: {
livereload: true
},
C: {
files: "js/dev/**/*.html",
tasks: ["copy"]
}
}
});
grunt.registerTask('watch-forProd', function () {
grunt.config.merge({
watch: {
A: {
files: "js/dev/**/*.coffee",
tasks: ["coffee", "requirejs"]
}
}
});
grunt.task.run('watch');
});
grunt.registerTask('watch-forDev', function () {
grunt.config.merge({
watch: {
B: {
files: "js/dev/**/*.coffee",
tasks: ["coffee"]
}
}
});
grunt.task.run('watch');
});
grunt.registerTask("prod", ["watch-forProd"]);
grunt.registerTask("dev", ["watch-forDev"]);2018年9月
你不需要再使用grunt-concurrent grunt现在已经内置了，这里是我目前的一个项目的样本......
module.exports = function(grunt) {
grunt.initConfig({
pkg: grunt.file.readJSON('package.json'),
sass: {
theme: {
files: {
'../../web/sites/all/themes/ifafri/css/generated/theme_ifafri_master.css' : '../../web/sites/all/themes/ifafri/css/master.scss'
}
},
bootstrap: {
files: {
'../../web/sites/all/themes/ifafri/css/generated/theme_ifafri_bootstrap.css' : '../../web/sites/all/themes/ifafri/css/bootstrap/master.scss'
}
}
},
watch: {
theme: {
files: '../../web/sites/all/themes/ifafri/css/*.scss',
tasks: ['sass:theme'],
options: {
spawn: false,
livereload: true,
nospawn: false
}
},
bootstrap: {
files: '../../web/sites/all/themes/ifafri/css/bootstrap/*.scss',
tasks: ['sass:bootstrap'],
options: {
spawn: false,
livereload: true,
nospawn: false
}
}
}
});
grunt.loadNpmTasks('grunt-contrib-sass');
grunt.loadNpmTasks('grunt-contrib-watch');
grunt.loadNpmTasks('grunt-livereload');
grunt.registerTask('default',['watch']);
}
我知道这不能直接回答问题，但我现在的解决方案是使用Gulp代替Grunt。使用Gulp您可以编码而不仅仅是配置。所以你可以更自由地做你想做的事。
JM。
并发工作对我来说很好
concurrent: {
options: {
logConcurrentOutput: true
},
set1: ['watch:html', 'watch:styles'],
},
grunt.registerTask('default', 'watch');
grunt.registerTask('htmlcss', ['concurrent:set1']);
只需更改端口地址和livereload端口即可。例如。如果端口是9000，则将其更改为8000并从35729重新加载到36729
以上是关于如何同时运行两个grunt监视任务的主要内容，如果未能解决你的问题，请参考以下文章
Grunt watch 错误 - 等待...致命错误：观看 ENOSPC