【发布时间】:2018-03-02 10:07:36
【问题描述】:
我有来自https://github.com/gulpjs/gulp 的 gulpfile.js。 我只是更改我的文件夹名称。 任务“gulp”正常工作,首先“gulp watch”也是如此。但是任何另一个保存任何更少的文件都不会做任何事情。只是“在 1.34 秒后完成'样式'” (JS效果不错)
有什么建议吗? main.less 的所有填充物的进口量都更少 文件夹看起来像:
/www
/js
/css
main.less
file.less
file2.less
/lib
file3.less
var gulp = require('gulp');
var less = require('gulp-less');
var babel = require('gulp-babel');
var concat = require('gulp-concat');
var uglify = require('gulp-uglify');
var rename = require('gulp-rename');
var cleanCSS = require('gulp-clean-css');
var del = require('del');
var paths = {
styles: {
src: 'www/css/main.less',
dest: 'www/css/'
},
scripts: {
src: 'www/js/js/**/*.js',
dest: 'www/js/'
}
};
function clean() {
return del([ 'assets' ]);
}
function styles() {
return gulp.src(paths.styles.src)
.pipe(less())
.pipe(cleanCSS())
// pass in options to the stream
.pipe(rename({
basename: 'main',
suffix: '.min'
}))
.pipe(gulp.dest(paths.styles.dest));
}
function scripts() {
return gulp.src(paths.scripts.src, { sourcemaps: true})
.pipe(babel())
.pipe(uglify())
.pipe(concat('all.min.js'))
.pipe(gulp.dest(paths.scripts.dest));
}
function watch() {
gulp.watch("www/js/js**/*.js", scripts);
gulp.watch("www/css/**/*.less", styles);
}
exports.clean = clean;
exports.styles = styles;
exports.scripts = scripts;
exports.watch = watch;
var build = gulp.series(clean, gulp.parallel(styles, scripts));
gulp.task('build', build);
gulp.task('default', build);
【问题讨论】:
-
www/js/js**/*.js中不是缺少/吗? -
javascript没有问题,我只有LESS有问题
-
我的意思是,是的。 '/' 丢失了,但是当我添加它时没有任何变化
-
我认为
watch()永远不会被执行。尝试添加gulp.task('watch', watch);,然后调用gulp watch。只是猜测。 -
没什么变化 :/ 但是感谢尝试
标签: gulp gulp-watch