我试图使用grunt-concurrent任务来运行grunt-nodemon来查看js脚本,并同时使用watch来在文件更改时保持concat和uglify。
当我在命令行上运行grunt时,会得到以下无限循环:
Running "watch" task
Waiting...
Verifying property watch.concurrent.files exists in config...ERROR >> Unable to process task.
Warning: Required config property "watch.concurrent.files" missing.停止这种持续不断的消息传输的唯一方法是退出命令行。
这是我的文件:
module.exports = function(grunt) {
grunt.initConfig({
pkg: grunt.file.readJSON('package.json'),
concat: {
dist: {
src: [
'public/js/libs/*.js',
],
dest: 'public/js/build/production.js',
}
},
uglify: {
build: {
src: 'public/js/build/production.js',
dest: 'public/js/build/production.min.js'
}
},
css: {
files: ['css/*.scss'],
tasks: ['sass'],
options: {
spawn: false,
}
},
sass: {
dist: {
options: {
style: 'compressed'
},
files: {
'public/css/build/main.css': 'public/css/main.scss'
}
}
},
nodemon: {
dev: {
script: './start.js'
}
},
watch: {
scripts: {
files: ['js/*.js'],
tasks: ['concat','uglify'],
options: {
spawn: false,
},
},
concurrent: {
target: {
tasks: ['nodemon', 'watch'],
options: {
logConcurrentOutput: true
}
}
},
}
});
grunt.loadNpmTasks('grunt-contrib-uglify');
grunt.loadNpmTasks('grunt-contrib-concat');
grunt.loadNpmTasks('grunt-contrib-sass');
grunt.loadNpmTasks('grunt-contrib-watch');
grunt.loadNpmTasks('grunt-nodemon');
grunt.loadNpmTasks('grunt-concurrent');
grunt.registerTask('default', ['concat','uglify','sass','watch','nodemon','concurrent:target']);
};这是我的package.json:
{
"name": "**** *****",
"version": "1.0.0",
"devDependencies": {
"grunt": "~0.4.1",
"grunt-concurrent": "^2.3.1",
"grunt-contrib-concat": "^1.0.1",
"grunt-contrib-imagemin": "^1.0.1",
"grunt-contrib-sass": "^1.0.0",
"grunt-contrib-uglify": "^2.3.0",
"grunt-contrib-watch": "^1.0.0",
"grunt-nodemon": "^0.4.2",
"webpack-dev-server": "^2.9.7"
},
"description": "",
"main": "app.js",
"scripts": {
"start": "nodemon ./start.js"
},
"author": "**** *******",
"license": "ISC",
"dependencies": {
"cookie-parser": "^1.4.3",
"dotenv": "^4.0.0",
"express": "^4.16.2",
"mongod": "^2.0.0",
"mongoose": "^4.13.7",
"nodemon": "^1.14.1",
"normalize.css": "^6.0.0"
}
}编辑:无限循环解决了
我仍然认为我还没有完全解决我的问题,但我离.
在我的watch任务中有一个语法错误/遗漏:
watch: {
scripts: {
files: ['js/*.js'],
tasks: ['concat','uglify'],
options: {
spawn: false,
},
},应该包括
watch: {
scripts: {
files: ['js/*.js'],
tasks: ['concat','uglify'],
options: {
spawn: false,
},
},
css: {
files: ['css/*.scss'],
tasks: ['sass'],
options: {
spawn: false,
},
}
},这妨碍了我的手表任务的正确运行。我现在没有无限循环了。相反,我的命令行呈现如下:
Running "concat:dist" (concat) task
Running "uglify:build" (uglify) task
>> 1 file created 797.64 kB → 378.58 kB
Running "sass:dist" (sass) task
Running "nodemon:dev" (nodemon) task
[nodemon] 1.14.1
[nodemon] to restart at any time, enter `rs`
[nodemon] watching: *.*
[nodemon] starting `node ./start.js`
Express running → PORT 7777看起来nodemon正在运行,但是它根本没有提到我的watch任务,而且当我更改我的SCSS文件时,什么都不会发生。显然,我希望grunt-concurrent同时运行nodemon和watch任务。
如果命令行没有任何错误地成功执行,那么它是否应该说一些不同的话呢?
谢谢!
发布于 2017-12-24 19:01:30
将nodemon和watch从grunt.registerTask代码中删除解决了这个问题:
grunt.registerTask('default', ['concat','uglify','sass','watch','nodemon','concurrent:target']);
运行nodemon并将其视为默认任务,然后尝试运行concurrent:target,而只运行concurrent:target将同时运行nodemon和watch。
现在,终端呈现:
Running "concat:dist" (concat) task
Running "uglify:build" (uglify) task
>> 1 file created 797.64 kB → 378.58 kB
Running "sass:dist" (sass) task
Running "concurrent:target" (concurrent) task
Running "watch" task
Waiting...
Running "nodemon:dev" (nodemon) task
[nodemon] 1.14.1
[nodemon] to restart at any time, enter `rs`
[nodemon] watching: *.*
[nodemon] starting `node ./start.js`
Express running → PORT 7777看上去是对的!
修改后的新Gruntfile如下所示:
module.exports = function(grunt) {
grunt.initConfig({
pkg: grunt.file.readJSON('package.json'),
concat: {
dist: {
src: [
'public/js/libs/*.js',
],
dest: 'public/js/build/production.js',
}
},
uglify: {
build: {
src: 'public/js/build/production.js',
dest: 'public/js/build/production.min.js'
}
},
sass: {
dist: {
options: {
style: 'compressed'
},
files: {
'public/css/build/main.css': 'public/css/main.scss'
}
}
},
concurrent: {
target: {
tasks: ['nodemon', 'watch'],
options: {
logConcurrentOutput: true
}
}
},
watch: {
scripts: {
files: ['./public/js/*.js'],
tasks: ['concat','uglify'],
options: {
spawn: false,
},
},
css: {
files: ['./public/css/*.scss'],
tasks: ['sass'],
options: {
spawn: false,
},
}
},
nodemon: {
dev: {
script: './start.js'
}
},
});
grunt.loadNpmTasks('grunt-contrib-uglify');
grunt.loadNpmTasks('grunt-contrib-concat');
grunt.loadNpmTasks('grunt-contrib-sass');
grunt.loadNpmTasks('grunt-nodemon');
grunt.loadNpmTasks('grunt-concurrent');
grunt.loadNpmTasks('grunt-contrib-watch');
grunt.registerTask('default', ['concat','uglify','sass','concurrent:target']);
};https://stackoverflow.com/questions/47956678
复制相似问题