Привет, я использую 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
Спасибо, что ваш ответ работает! Также вы знаете, как не минимизировать меня .css-файл? Я уже пробовал: css: ['concat'] в моем файле gruntfile.js, но это не работает. Я не хочу минимизировать мой .css-файл, потому что иногда мне любопытно, как выглядит мой .css после того, как он был скомпилирован из файла .less. – superkytoz
Похоже, вы хотите установить опцию ['compress'] (https://github.com/gruntjs/grunt-contrib-less#compress) на' false', но это значение по умолчанию (поэтому оно не должно быть уменьшено на по умолчанию)... – jakerella