grunt watch компилируется меньше, но не генерирует css

Grunt watch скомпилировал мой файл LESS, но не создает файл CSS. Я не знаю, в чем проблема. Кто-нибудь может помочь?

Вот мой код ворчания:

module.exports = function(grunt) {

grunt.loadNpmTasks('grunt-contrib-less');
grunt.loadNpmTasks('grunt-contrib-watch');

grunt.initConfig({ 
    pkg: grunt.file.readJSON('package.json'), 
    less: {
        options: {
            paths: 'less',
            yuicompress: true
        },
        files: {
            'styles.css': 'less/button.less'
        }
    },

    watch: {
        less: {
            files: 'less/*.less',
            tasks: 'less'
        }
    }
});
}

А вот мой код package.json:

{
  "name": "project-name",
  "version": "1.0.0",
  "description": "Awesome project",
  "devDependencies": {
    "grunt-contrib-less": "^1.4.1",
    "grunt-contrib-watch": "^1.0.0"
  }
}

См. мою структуру папок ниже:

введите здесь описание изображения

Часы Grunt работают нормально:

введите здесь описание изображения


gruntjs grunt-contrib-less
person Manikandan    schedule 17.12.2017    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Grunt ожидает, что ваша конфигурация задачи less будет иметь одну или несколько целей _target. Каждая цель, имя которой может быть произвольным, будет иметь объект files.

В вашей конфигурации Grunt считает, что files является целью, поэтому вывод консоли показывает Running less:files. Когда Grunt не находит объект files в пределах цели files, он движется дальше.

Чтобы исправить вашу конфигурацию, вы должны добавить целевой объект, который будет обертывать объект files. Например,

less: {
    options: {
        paths: 'less',
        yuicompress: true
    },
    dev: {
        files: {
            'styles.css': 'less/button.less'
        }
    }
},

Дополнительные сведения о настройке и целях задач Grunt см. в документации.

person 76484    schedule 25.12.2017