[英]Infinite loop when running grunt-concurrent with 'nodemon' and 'watch' tasks
我正在嘗試使用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.
停止持續不斷的消息發送的唯一方法是退出命令行。
這是我的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'
}
},
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
地grunt-concurrent
運行我的nodemon
和同時watch
任務。
如果命令行成功執行且沒有任何錯誤,命令行是否應該說些不同?
謝謝!
從grunt.registerTask
代碼中刪除nodemon
和watch
可以解決此問題:
grunt.registerTask('default', ['concat','uglify','sass','watch','nodemon','concurrent:target']);
當時正在運行nodemon並作為默認任務進行監視, 然后在僅運行concurrent:target
時嘗試concurrent:target
運行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']);
};
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.