Gulp 不匹配样式目录中的所有较少文件答案

【问题标题】：Gulp not matching all my less files in the styles directoryGulp 不匹配样式目录中的所有较少文件
【发布时间】：2015-12-09 18:21:52
【问题描述】：

我是 gulp 的新手，我想知道我做错了什么，因为它只会创建我的 styles.css 文件，但我的其他 css 文件都不会从 less 目录中创建

我的 gulp 文件

/* 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 'source/less/mixins.less';

【问题讨论】：

标签： gulp gulp-less

【解决方案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!')
});

【讨论】：