Gulp不匹配樣式目錄中的所有我的少文件

Question

我是新來的吞嚥，我想知道我在做什麼錯，因爲它只會創建我的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!') 
});