Я экспериментирую с yeoman.
Я хочу интегрировать less в мою работу или работу. Но я не нашел простой способ сделать это.
Я нашел yeoman-less репозиторий, который ссылается на grunt-contrib-less. Но этот плагин довольно сложно подключить, если вы новичок в yoman и хрюкаете. Разве нет гораздо более легкого способа подключить плагин к моему yoman webapp, поэтому чем меньше команд автоматически добавляется в файл сборки grunt?
Спасибо за советы и трюки!
Предполагая, что вы создаете новое приложение с помощью yo webapp и отвечаете на оба вопроса с помощью No, ваш лучший выбор для интеграции LESS - grunt-recess, который необходимо установить первым:
npm install --save-dev grunt-recess
Если вам не нравятся правила линтинга, вы можете настроить их. Не стесняйтесь удалять grunt-compass и удалять его из package.json.
Затем вам нужно заменить задачу compass в файле Grunt:
recess: {
options: {
compile: true
},
dist: {
files: [{
expand: true,
cwd: '<%= yeoman.app %>/styles',
src: '{,*/}*.less',
dest: '.tmp/styles/',
ext: '.css'
}]
}
}
Затем вам нужно заменить все оставшиеся ссылки на задачу compass на recess, чтобы полученный Gruntfile выглядел как этот.
Это старый вопрос, но я продолжаю его находить. Итак, вот последний ответ:
Используйте генератор "LessApp" для Yeoman, который можно найти здесь: https://github.com/robinpokorny/generator-lessapp
Если вы получите следующую ошибку Ожидаемый recess, чтобы иметь идентификатор в 9 вместо 10.
Пожалуйста, добавьте recces в свой файл grunt.registerTask, я поместил его после autoprefixer
grunt.registerTask('serve', function (target) {
if (target === 'dist') {
return grunt.task.run(['build', 'connect:dist:keepalive']);
}
grunt.task.run([
'clean:server',
'concurrent:server',
'autoprefixer',
'recess',
'connect:livereload',
'watch'
]);
});