Tragar menos no manejar incluye correctamente, incluye variables no definidas
Estoy usando menos y Grunt, y me estoy moviendo para tragar.
Mi menos funciona. Cuando corro
lessc public/less/myapp.less
Obtengo resultados de trabajo sin errores.Todo mi menos, incluyendo los incluidos, está en público / menos., Por cierto. Aquí está mi 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');
});
});
Cuando corro trago, me sale:
~/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 está definido, en un archivo importado al inicio de myapp.less.
@import "./colors.less";
body {
background-color: @brightblue;
}