W przypadku mniejszego przełyku obsługa nie obejmuje poprawnie zdefiniowanych zmiennych niezdefiniowanych
Używam mniej i Grunt, i ruszam do łyka.
Moje mniej działa. Kiedy biegam:
lessc public/less/myapp.less
Otrzymuję działające dane wyjściowe bez błędów.Wszystkie moje mniej, łącznie z włączeniami, są publiczne / mniejsze, BTW. Oto mój plik gulp:
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');
});
});
Kiedy biegam, łapię:
~/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 jest zdefiniowany w pliku zaimportowanym na początku myapp.less.
@import "./colors.less";
body {
background-color: @brightblue;
}