Я использую less и Grunt и перехожу к gulp.
Мое меньше работает. Когда я запускаю:
lessc public/less/myapp.less
Я получаю рабочий выход без ошибок. Все мои меньшие, в том числе включенные, публично/меньше, BTW. Вот мой 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');
});
});
Когда я запускаю gulp, я получаю:
~/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 определяется в файле, импортированном в начале myapp.less.
@import "./colors.less";
body {
background-color: @brightblue;
}
- Почему не входит gulp в мой вклад? Указание параметра "пути" для меньшего количества должно заставить его работать, но это не исправление.
- Какой хороший способ отладить это? Например, у меня нет номера строки.
- Есть ли способ сделать работу gulp?