Как сконфигурировать less?

Question

[Денис Богданов]

С помощью gulp-less компилирую less файлы в css, но вот в чем беда, из less удаляются неиспользуемые классы, как заставить less сохранять их?

Answer 1

[Сергей delphinpro]

Неиспользуемые - это объявления просто, без правил?
типа .somclass {} ?

Ну и зачем они вам в выходном css файле? Всё правильно less делает.

Comments

[Денис Богданов]

Да именно такого вида классы без свойств. Мне необходимы такого вида css, для того, чтобы я мог свободно изменять стили через инспектор google chrome и тулзы livestyle, к сожалению эта тулза не в нужном мне месте добавляет классы созданные через инспектор, но позволяет изменять уже существующие.

[Сергей delphinpro]

Денис Богданов: Более продуктивно было бы настроить livereload и править именно less исходники.

Я не помню как поступает less, но точно знаю, что sass сохраняет стили такого вида

.someclass {
  /**/
}

Попробуйте.

ЗЫ. Но лайфрелоад лучше ;)

[Денис Богданов]

Сработало, спасибо.

[Elwen]

Денис Богданов на заметку - в Developer Tools можно выделить тег в коде и на вкладке styles нажать на +, что бы создать правило для этого тега, класса или id. Вложенность он не подцепит, но для простого .someclass подойдет. А подержав подольше кнопку при клике можно выбрать куда "записать" стиль из списка подключенных .css

Answer 2

[Clever_Coyote]

Можете показать таск для less?

Comments

[Денис Богданов]

gulp.task('less', function() {
gulp.src('src/**/*.less')
.pipe(sourcemaps.init())
.pipe(less())
.pipe(sourcemaps.write('./maps'))
.pipe(gulp.dest('src/css/'))
.pipe(reload({stream: true}));
})