Лучший или самый простой способ интегрировать меньше в йомен?

Я экспериментирую с yeoman.

Я хочу интегрировать less в мою работу или работу. Но я не нашел простой способ сделать это.

Я нашел yeoman-less репозиторий, который ссылается на grunt-contrib-less. Но этот плагин довольно сложно подключить, если вы новичок в yoman и хрюкаете. Разве нет гораздо более легкого способа подключить плагин к моему yoman webapp, поэтому чем меньше команд автоматически добавляется в файл сборки grunt?

Спасибо за советы и трюки!

Ответы

Ответ 1

Предполагая, что вы создаете новое приложение с помощью 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 выглядел как этот.

Ответ 2

Это старый вопрос, но я продолжаю его находить. Итак, вот последний ответ:

Используйте генератор "LessApp" для Yeoman, который можно найти здесь: https://github.com/robinpokorny/generator-lessapp

Ответ 3

Если вы получите следующую ошибку Ожидаемый 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'
    ]);
});