而不是编译css文件。

Question

我刚开始使用Gulp，正在尝试将base.less编译成一个main.css文件。我计划添加更少的要编译的文件。到目前为止，js在运行gulp时编译得很好，但并不少。

我的gulpfile.js看起来是这样的：

// Include gulp
var gulp = require('gulp');

 // Include plugins
var concat = require('gulp-concat');
var uglify = require('gulp-uglify');
var rename = require('gulp-rename');

 // Concatenate JS Files
gulp.task('scripts', function() {
    return gulp.src('static/js/*.js')
        .pipe(concat('main.js'))
        .pipe(rename({suffix: '.min'}))
        .pipe(uglify())
        .pipe(gulp.dest('build/js'));
});

 // LESS
var less = require('gulp-less');
var path = require('path');

gulp.task('less', function () {
  return gulp.src('static/less/*.less')
    .pipe(less({
      paths: [ path.join(__dirname, 'less', 'includes') ]
    }))
    .pipe(gulp.dest('build/css'));
});

 // Default Task
gulp.task('default', ['scripts']);

像这样的package.json：

{
  "name": "website",
  "version": "0.1.0",
  "devDependencies": {
    "gulp": "^3.9.0",
    "gulp-concat": "^2.6.0",
    "gulp-less": "^3.0.3",
    "gulp-rename": "^1.2.2",
    "gulp-uglify": "^1.4.2",
  }
}

档案结构：

|-- build
    |-- js
        |-- main.js
        |-- main.min.js
|-- gulpfile.js
|-- index.html
|-- node_modules
    |-- all of those...
|-- package.json
|-- static
    |-- img
    |-- js
        |-- base.js
    |-- less
        |-- base.less

任何帮助都将不胜感激！

Answer 1

根据您的gulpfile.js文件(特别是行gulp.task('default', ['scripts']); )，似乎不需要调用任务来编译较少的文件。

也许你是想用：

gulp.task('default', ['scripts','less']);