Как сделать, чтобы less файл не компилировался в css?

Question

[Дмитрий Локшин]

Привет.

Как сделать так, чтобы .less файл не компилировался в css, например, я создаю такую структуру:

_variables.less
_mixins.less
_reset.less
styles.less

затем в файле styles.less подключаю все нужные файлы:

@import '_variables';
@import '_mixins';
@import '_reset';

Затем все это дело компилируется в папку css и вот что там получается:

_variables.css
_mixins.css
_reset.css
styles.css

а надо чтобы было вот так:
styles.css

В sass (scss) это решалось тем, что файл назывался с префиксом _, например, _mixins.css и всё, он не появлялся в исходном файле, в less что-то не пойму как так сделать, в документации тоже не нашел.

Заранее спасибо большое!

Answer 1

[Denis Semenov]

Вам нужно в поток отдавать только один главный файл (styles.less). У вас видимо идёт маска по расширению файла.

По аналогии

gulp.task('styles', function () {
    var stream = gulp.src('/dev/sass/style.less')
    ...
});

Answer 2

[Александр Таратин]

https://mrmlnc.gitbooks.io/less-guidebook-for-begi...
Читать секцию - "Опции импорта"

Но вообще неплохо было бы указать каким именно образом производите сборку.

Comments

[Дмитрий Локшин]

Читал эту статью, но это не то, т.к. он все равно компилирует все файлы в css.

Сборку произвожу билдером gulp, а компиляция gulp-less

[Александр Таратин]

Дмитрий Локшин, Наверняка собираете по маске **/*.less тогда подключаемые файлы собираются как отдельные точки входа. Просто исправьте маску.

[Дмитрий Локшин]

Александр Таратин,
Это да, вот таким образом:

gulp.task('less', function () {
	return gulp.src(["app/less/**/*.less"])
		.pipe(plumber({
			errorHandler: notify.onError()
		}))
		.pipe(gulpIf(isDevelopment, sourcemaps.init()))
		.pipe(less())
		.pipe(autoprefixer(['last 5 versions', '> 1%']))
		.pipe(gcmq())
		.pipe(csso())
		.pipe(rename({suffix: '.min', prefix : ''}))
		.pipe(gulpIf(isDevelopment, sourcemaps.write()))
		.pipe(cached('less'))
		.pipe(gulp.dest('app/css'))
		.pipe(browserSync.reload({stream: true}));
});

[Александр Таратин]

Дмитрий Локшин, Переложите подключаемые файлы в другую папку (например includes обзовите).
И используйте маску app/less/*.less чтобы компилить файлы только из папки less без вложенных папок.
Либо указывайте в массиве сразу необходимые файлы без масок