Javascript 一口喝完了表
我是新手,通过youtube教程来学习吞咽。我被gulpwatch命令卡住了,该命令应该会跟踪我的js文件,但它不起作用。我在StackOverflow上发现了许多类似的问题,但没有一个对我有帮助 这是我的密码 Package.jsonJavascript 一口喝完了表,javascript,gulp,gulp-watch,Javascript,Gulp,Gulp Watch,我是新手,通过youtube教程来学习吞咽。我被gulpwatch命令卡住了,该命令应该会跟踪我的js文件,但它不起作用。我在StackOverflow上发现了许多类似的问题,但没有一个对我有帮助 这是我的密码 Package.json { "name": "gulp-tutorial", "version": "1.0.0", "description": "This is gulp tutorial", "main": "index.js", "scripts": {
{
"name": "gulp-tutorial",
"version": "1.0.0",
"description": "This is gulp tutorial",
"main": "index.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1"
},
"keywords": [
"gulpfile",
"scss",
"js"
],
"author": "Fahad Shaikh",
"license": "GPL-3.0",
"devDependencies": {
"gulp": "^4.0.2",
"gulp-autoprefixer": "^7.0.1",
"gulp-rename": "^1.4.0",
"gulp-sass": "^4.0.2",
"gulp-sourcemaps": "^2.6.5",
"gulp-watch": "^5.0.1"
}
}
gulpfile.js
var gulp = require('gulp');
var rename = require('gulp-rename');
var sass = require('gulp-sass');
var autoprefixer = require('gulp-autoprefixer');
var sourcemaps = require('gulp-sourcemaps');
var watch = require('gulp-watch');
var jsDIST = './dist/js/';
gulp.task('js', function () {
return gulp.src(jsSRC)
.pipe(gulp.dest(jsDIST));
});
gulp.task('default', gulp.series('js'));
gulp.task('watch', gulp.series('default'), function () {
gulp.watch('./src/js/**/*.js', ['js']);
});
根据internet上的教程和文档,我不应该在运行
gulp watch
后重新获得CLI的控制权,但我可以在我的watch任务
完成后立即运行另一个命令。由于您使用的是gulp v4,请尝试以下操作:
// you don't need this and you aren't using it anyway
// var watch = require('gulp-watch');
var jsDIST = './dist/js/';
// gulp.task('js', function () {
// return gulp.src(jsSRC)
// .pipe(gulp.dest(jsDIST));
// });
function js() {
return gulp.src(jsSRC)
.pipe(gulp.dest(jsDIST));
}
// your main problem was in this task
// gulp.task('watch', gulp.series('default'), function () {
// gulp.watch('./src/js/**/*.js', ['js']); // array is incorrect in gulp v4
// });
function watch() {
gulp.watch('./src/js/**/*.js', js);
};
// gulp.task('default', gulp.series('js')); // 'taskName must be in quotes'
gulp.task('default', gulp.series(js, watch)); // functionName not in quotes
现在,您只需使用gulp
命令即可运行它,而无需其他操作