2014-12-27 4 views
0

Привет, я использую Grunt для компиляции моего меньшего кода в CSS. Для того, чтобы увидеть, если я внес изменения в мой .less файл я использую:Часы Grunt продолжают смотреть бесконечно

grunt watch 

После этого, я был редактирования моего файла .less. Но в CMD ничего не происходит. Я все еще вижу, что он смотрит на мой .less-файл. Вот скриншот из него:

ссылка: http://i.imgur.com/hT8l18f.png

Вот код, который я использую:

gruntfile.js:

module.exports = function(grunt) { 

    grunt.initConfig({ 
    less: { 
     development: { 
     options: { 
      compress: true, 
      yuicompress: true, 
      optimization: 2 
     }, 
     files: { 
      "css/styles.css": "css/styles.less" // destination file and source file 
     } 
     } 
    }, 
    watch: { 
     styles: { 
     files: ['less/styles.less'], // which files to watch 
     tasks: ['less'], 
     options: { 
      nospawn: true 
     } 
     } 
    } 
    }); 
    grunt.loadNpmTasks('grunt-contrib-less'); 
    grunt.loadNpmTasks('grunt-contrib-watch'); 
    grunt.registerTask('default', ['less', 'watch']); 
}; 

package.json:

{ 
    "name": "Coming_soon_code", 
    "version": "0.0.0", 
    "description": "van een tut", 
    "main": "gruntfile.js", 
    "scripts": { 
    "test": "echo \"Error: no test specified\" && exit 1" 
    }, 
    "author": "", 
    "license": "BSD-2-Clause", 
    "devDependencies": { 
    "grunt": "~0.4.5", 
    "grunt-contrib-less": "~1.0.0", 
    "grunt-contrib-watch": "~0.6.1" 
    } 
} 

Также приведен скриншот моей структуры папок в случае, если вам это нужно:

ссылки: http://i.imgur.com/WWAJZb0.png

ответ

1

Вы, кажется, «смотреть» файл 'less/styles.less' ... но это не правильный каталог в соответствии с скриншотом или less задачами конфигурации, он находится в директории css. Попробуйте это возможно:

watch: { 
    styles: { 
    files: ['css/styles.less'], // <-- changed the directory here... 
    tasks: ['less'], 
    options: { 
     nospawn: true 
    } 
    } 
} 
+0

Спасибо, что ваш ответ работает! Также вы знаете, как не минимизировать меня .css-файл? Я уже пробовал: css: ['concat'] в моем файле gruntfile.js, но это не работает. Я не хочу минимизировать мой .css-файл, потому что иногда мне любопытно, как выглядит мой .css после того, как он был скомпилирован из файла .less. – superkytoz

+1

Похоже, вы хотите установить опцию ['compress'] (https://github.com/gruntjs/grunt-contrib-less#compress) на' false', но это значение по умолчанию (поэтому оно не должно быть уменьшено на по умолчанию)... – jakerella