Я пытаюсь использовать gulp для компиляции меньшего файла в css. У меня это работает над другим проектом, но не над этим.
задача в моем gulpfile.js
выглядит так:
gulpfile.js
var sourceLess = './app/assets/stylesheets/less';
var sourceJs = './app/assets/javascripts';
var targetCss = './public/css2';
var targetJs = './public/js2';
// Compile my-bootstrap-theme
gulp.task('css', function() {
gulp.src(sourceLess + '/custom/edgc-styles.less')
.pipe(less())
.pipe(gulp.dest(targetCss))
.pipe(minifyCss())
.pipe(gulp.dest(targetCss));
});
Мой файл edgc-styles.less
включает @import
, который, в свою очередь, включает @import
следующим образом:
//my custom stylsheet
@import "../bootstrap/bootstrap.less";
@import "custom-variables.less";
@import "custom-fonts.less";
а в файле bootstrap.less
он начинается так:
// Core variables and mixins
@import "variables.less";
@import "mixins.less";
В моем выводе все, что я получаю, это комментарий в начале файла bootstrap.less и пустой после него.
Я не могу понять, как регистрировать ошибки в gulp (на компьютере с Windows), чтобы увидеть, что происходит, но предполагаю, что при попытке импортировать variables.less
происходит сбой. это допустимый файл, который находится в том же каталоге, что и bootstrap.less
Какую директиву мне не хватает в конфигурации gulp? Я новичок в gulp, поэтому не уверен во всех его функциях и в том, как правильно перемещаться по каталогам.
Любая помощь приветствуется