所以我的gulp.watch
任务出了问题。所以gulpfile.js
的简短版本是:
var gulp = require('gulp'),
usemin = require('gulp-usemin'),
wrap = require('gulp-wrap'),
connect = require('gulp-connect'),
watch = require('gulp-watch'),
minifyCss = require('gulp-minify-css'),
minifyJs = require('gulp-uglify'),
concat = require('gulp-concat'),
less = require('gulp-less'),
rename = require('gulp-rename'),
minifyHTML = require('gulp-minify-html'),
rimraf = require('gulp-rimraf'),
live = require('gulp-livereload'),
strip = require('gulp-strip-debug'),
gulpif = require('gulp-if');
var paths = {styles: 'public-src/less/*.*'};
gulp.task('delete-css', function (cb) {
return gulp.src(paths.css_delete)
.pipe(rimraf());
});
gulp.task('custom-less', ['delete-css'], function (cb) {
return gulp.src(paths.styles)
.pipe(less())
.pipe(gulp.dest('public/css'));
});
gulp.task('watch', function () {
gulp.watch([paths.styles],['custom-less']);
});
此外,我还有一个包含无需任务的构建任务,实际上可以正常工作。这是
gulp.task('build-custom', ['custom-less']);
gulp.task('build', ['build-custom']);
所以当我运行gulp build
css连接到一个文件。当我在终端中编辑我的css时,我看到task custom-less
正在启动并完成,但是css文件没有得到更新。我似乎无法理解为什么当你使用gulp build
运行它时同样的任务有效但是当你看它时,它不会改变...
希望有人有想法吗?