Node.js GulpWatch添加了文件
我希望gulp跟踪文件夹中的新文件(不仅仅是文件更新)。我尝试使用Node.js GulpWatch添加了文件,node.js,gulp,Node.js,Gulp,我希望gulp跟踪文件夹中的新文件(不仅仅是文件更新)。我尝试使用gulp.watch和gulp-watch插件,这两个插件都不适用于添加新文件 我将添加我的gulp的简化版本(例如,我将只使用images文件夹) 第一个选项带有饮用水: const gulp = require('gulp'); const runSequence = require('run-sequence'); let dev = true; // clean the build directory gulp.tas
gulp.watch
和gulp-watch
插件,这两个插件都不适用于添加新文件
我将添加我的gulp的简化版本(例如,我将只使用images文件夹)
第一个选项带有饮用水:
const gulp = require('gulp');
const runSequence = require('run-sequence');
let dev = true;
// clean the build directory
gulp.task('clean', del.bind(null, ['public/build']));
// proceed and copy all images to build directory
gulp.task('images', () => {
return gulp.src('assets/images/**/*')
.pipe($.cache($.imagemin()))
.pipe(gulp.dest('public/build/images'));
});
// build for development with watching for a changes
gulp.task('watch', () => {
runSequence(['clean'], ['images'], () => {
console.log('WATCHING FOR A CHANGES');
gulp.watch([
'assets/images/**/*',
]).on('change', reload);
});
});
const gulp = require('gulp');
const runSequence = require('run-sequence');
let dev = true;
// clean the build directory
gulp.task('clean', del.bind(null, ['public/build']));
// proceed and copy all images to build directory
gulp.task('images', () => {
return gulp.src('assets/images/**/*')
.pipe($.cache($.imagemin()))
.pipe(gulp.dest('public/build/images'));
});
// build for development with watching for a changes
gulp.task('watch', () => {
runSequence(['clean'], ['images'], () => {
console.log('WATCHING FOR A CHANGES');
gulp.watch('assets/images/**/*', ['images']);
});
});
const gulp = require('gulp');
const runSequence = require('run-sequence');
const watch = require('gulp-watch');
let dev = true;
// clean the build directory
gulp.task('clean', del.bind(null, ['public/build']));
// proceed and copy all images to build directory
gulp.task('images', () => {
return gulp.src('assets/images/**/*')
.pipe($.cache($.imagemin()))
.pipe(gulp.dest('public/build/images'));
});
// build for development with watching for a changes
gulp.task('watch', () => {
runSequence(['clean'], ['images'], () => {
console.log('WATCHING FOR A CHANGES');
watch('assets/images/**/*', function () {
gulp.start('images')
});
});
});
第二个选项带有大口喝水:
const gulp = require('gulp');
const runSequence = require('run-sequence');
let dev = true;
// clean the build directory
gulp.task('clean', del.bind(null, ['public/build']));
// proceed and copy all images to build directory
gulp.task('images', () => {
return gulp.src('assets/images/**/*')
.pipe($.cache($.imagemin()))
.pipe(gulp.dest('public/build/images'));
});
// build for development with watching for a changes
gulp.task('watch', () => {
runSequence(['clean'], ['images'], () => {
console.log('WATCHING FOR A CHANGES');
gulp.watch([
'assets/images/**/*',
]).on('change', reload);
});
});
const gulp = require('gulp');
const runSequence = require('run-sequence');
let dev = true;
// clean the build directory
gulp.task('clean', del.bind(null, ['public/build']));
// proceed and copy all images to build directory
gulp.task('images', () => {
return gulp.src('assets/images/**/*')
.pipe($.cache($.imagemin()))
.pipe(gulp.dest('public/build/images'));
});
// build for development with watching for a changes
gulp.task('watch', () => {
runSequence(['clean'], ['images'], () => {
console.log('WATCHING FOR A CHANGES');
gulp.watch('assets/images/**/*', ['images']);
});
});
const gulp = require('gulp');
const runSequence = require('run-sequence');
const watch = require('gulp-watch');
let dev = true;
// clean the build directory
gulp.task('clean', del.bind(null, ['public/build']));
// proceed and copy all images to build directory
gulp.task('images', () => {
return gulp.src('assets/images/**/*')
.pipe($.cache($.imagemin()))
.pipe(gulp.dest('public/build/images'));
});
// build for development with watching for a changes
gulp.task('watch', () => {
runSequence(['clean'], ['images'], () => {
console.log('WATCHING FOR A CHANGES');
watch('assets/images/**/*', function () {
gulp.start('images')
});
});
});
带有大口水的操作
:
const gulp = require('gulp');
const runSequence = require('run-sequence');
let dev = true;
// clean the build directory
gulp.task('clean', del.bind(null, ['public/build']));
// proceed and copy all images to build directory
gulp.task('images', () => {
return gulp.src('assets/images/**/*')
.pipe($.cache($.imagemin()))
.pipe(gulp.dest('public/build/images'));
});
// build for development with watching for a changes
gulp.task('watch', () => {
runSequence(['clean'], ['images'], () => {
console.log('WATCHING FOR A CHANGES');
gulp.watch([
'assets/images/**/*',
]).on('change', reload);
});
});
const gulp = require('gulp');
const runSequence = require('run-sequence');
let dev = true;
// clean the build directory
gulp.task('clean', del.bind(null, ['public/build']));
// proceed and copy all images to build directory
gulp.task('images', () => {
return gulp.src('assets/images/**/*')
.pipe($.cache($.imagemin()))
.pipe(gulp.dest('public/build/images'));
});
// build for development with watching for a changes
gulp.task('watch', () => {
runSequence(['clean'], ['images'], () => {
console.log('WATCHING FOR A CHANGES');
gulp.watch('assets/images/**/*', ['images']);
});
});
const gulp = require('gulp');
const runSequence = require('run-sequence');
const watch = require('gulp-watch');
let dev = true;
// clean the build directory
gulp.task('clean', del.bind(null, ['public/build']));
// proceed and copy all images to build directory
gulp.task('images', () => {
return gulp.src('assets/images/**/*')
.pipe($.cache($.imagemin()))
.pipe(gulp.dest('public/build/images'));
});
// build for development with watching for a changes
gulp.task('watch', () => {
runSequence(['clean'], ['images'], () => {
console.log('WATCHING FOR A CHANGES');
watch('assets/images/**/*', function () {
gulp.start('images')
});
});
});
提供的两个选项都不适用于新添加的文件,第三个选项甚至根本不跟踪文件更改,但取决于此,它应该可以工作 您正在运行哪个版本的gulp?gulp版本是3.9.1