gulp-less沒有編譯一個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']);