Gulp menos não manipulação inclui adequadamente, variáveis incluídas não definidas
Estou usando menos e Grunt, e estou me movendo para engolir.
Meus menos trabalhos. Quando eu corro:
lessc public/less/myapp.less
Recebo saída de trabalho sem erros.Todo o meu menos, incluindo inclui, é em público / menos, BTW. Aqui está o meu arquivo gulpfile:
var gulp = require('gulp');
var prefixer = require('gulp-autoprefixer');
var less = require('gulp-less');
gulp.task('compileLess', function () {
gulp
.src('./public/less/*')
.pipe(less({
paths: ['./public/less'], // Search paths for imports
filename: 'myapp.less'
}))
.pipe(gulp.dest('./public/css'));
});
// The default task (called when you run `gulp`)
gulp.task('default', function() {
gulp.run('compileLess');
// Watch files and run tasks if they change
gulp.watch('./public/less/*.less', function(event) {
gulp.run('less');
});
});
Quando executo gulp, recebo:
~/Documents/myapp: gulp
[gulp] Using file /Users/me/Documents/myapp/gulpfile.js
[gulp] Working directory changed to /Users/me/Documents/myapp
[gulp] Running 'default'...
[gulp] Running 'compileLess'...
[gulp] Finished 'compileLess' in 11 ms
[gulp] Finished 'default' in 41 ms
stream.js:94
throw er; // Unhandled stream error in pipe.
^
Error: variable @brightblue is undefined
@brightblue é definido, em um arquivo importado no início do myapp.less.
@import "./colors.less";
body {
background-color: @brightblue;
}