Здравствуйте, недавно настроил себе gulpfile для сборки less верстки, вынес все переменные в отдельный less файл, этот файл импортирую в General.less со всеми стилями, однако при сборке через gulp-less на выходе получается пустой css файл, а gulp жалуется на то, что мы используем не созданные переменные.
gulpfileconst gulp = require('gulp'),
concat = require('gulp-concat-css'),
cleanCSS = require('gulp-clean-css'),
less = require('gulp-less'),
autoprefixer = require('gulp-autoprefixer'),
path = require('path')
gulp.task('less', done => {
gulp.src('./src/**/*.less')
.pipe( less({
paths: [ path.join(__dirname, 'less', 'includes') ]
}))
//.pipe( concat('General.css'))
.pipe( autoprefixer({
browsers: ['last 2 version'],
cascade: false
}))
.pipe( cleanCSS({ level: 2 }))
.pipe( gulp.dest('./build/style/'))
done()
})
gulp.task('assets', done => {
gulp.src('./assets/css/**/*.css')
.pipe( concat('Assets.css'))
.pipe( cleanCSS({ level: 2 }))
.pipe( gulp.dest('./build/style/'))
done()
})
gulp.task('default', gulp.parallel(
'assets',
'less'
))
gulp.watch('./src/**/*.less', gulp.series('less'))
Понимаю, что скорей всего нужно сначала конкатить все less файлы с файлом с переменными, однако мне не нужно соединять все в один файл, нужно оставить кол-во файлов как есть.
Может есть настройка какая в gulp-less или другой компайлер, прошу помощи!
Средний
Простой
