Gulp не соответствует всем моим меньшим файлам в каталоге стилей

Question

Я новичок в gulp, и мне интересно, что я делаю неправильно, поскольку он будет только создавать мой файл styles.css, но ни один из моих других файлов css не создается из меньше каталог

мой глоток файл

/* File: gulpfile.js */ 
 

 
// grab our gulp packages 
 
var gulp = require('gulp'), 
 
    gutil = require('gulp-util'), 
 
    less = require('gulp-less'); 
 

 
// create a default task and just log a message 
 
gulp.task('default', function() { 
 
    return gutil.log('Gulp is running!') 
 
}); 
 

 
gulp.task('build-css', function() { 
 
    return gulp.src('source/less/*.less') 
 
    .pipe(less()) 
 
    .pipe(gulp.dest('public/assets/styles')); 
 
}); 
 

 

 
gulp.task('watch', function() { 
 
    gulp.watch('source/less/**/*.less', ['build-css']); 
 
});

Ссылка на CSS в моем файле индекса

Файловая структура

также в моем файле styles.less Я @import 'источник/меньше/mixins.less';

Answer 1

вы можете попробовать, как это ...

/* File: gulpfile.js */ 

// grab our gulp packages 
var gulp = require('gulp'), 
    gutil = require('gulp-util'), 
    less = require('gulp-less');  

gulp.task('build-css', function() { 
    return gulp.src('source/less/*.less') 
    .pipe(less()) 
    .pipe(gulp.dest('public/assets/styles')); 
}); 

gulp.task('watch', function() { 
    gulp.watch('source/less/**/*.less', ['build-css']); 
}); 

// create a default task and just log a message 
gulp.task('default',['watch','build-css'], function() { 
    return gutil.log('Gulp is running!') 
});