При запуске watch долго пишет waiting после команды grunt, в чем дело?

Question

[Сергей Шилов]

Добрый день, в grunt новичок. Когда выполняю команду grunt, долго висит процесс:

Running "concat:dist" (concat) task

Running "uglify:build" (uglify) task
File assets/js/production.min.js created: 69.55 kB → 60.28 kB
>> 1 file created.

Running "watch" task
Waiting...

Вот файл gruntfile.js :

module.exports = function(grunt) {

    // 1. Вся настройка находится здесь
    grunt.initConfig({
        pkg: grunt.file.readJSON('package.json'),

        concat: {
            dist: {
                src: [
                    'assets/js/libs/*.js',
                    'assets/js/vendor/*.js',
                    'assets/js/parts/*.js'
                ],
                dest: 'assets/js/production.js'
            }
        },
        uglify: {
            build: {
                src: 'assets/js/production.js',
                dest: 'assets/js/production.min.js'
            }
        },
        watch: {
            scripts: {
                files: [
                    'assets/js/*.js',
                    'assets/css/production.css'
                ],
                tasks: ['concat', 'uglify'],
                options: {
                    spawn: false
                },
            }
        },
        imagemin: {
            dynamic: {
                files: [{
                    expand: true,
                    cwd: 'assets/images/',
                    src: ['**/*.{png,jpg,gif}'],
                    dest: 'assets/images/build/'
                }]
            }
        },
        less: {
            development: {
                options: {
                    paths: ["assets/css"],
                    compress: true
                },
                files: {
                    "assets/css/production.css": "assets/css/production.less"
                }
            }
        },
        autoprefixer: {
            options: {
                browsers: ['last 2 versions', 'ie 9']
            },
            your_target: {
                src: 'assets/css/production.css',
                dest: 'assets/css/production.css'
            }
        }
    });

    // 3. Тут мы указываем Grunt, что хотим использовать этот плагин
    grunt.loadNpmTasks('grunt-contrib-concat');
    grunt.loadNpmTasks('grunt-contrib-uglify');
    grunt.loadNpmTasks('grunt-contrib-watch');
    grunt.loadNpmTasks('grunt-contrib-imagemin');
    grunt.loadNpmTasks('grunt-contrib-less');
    grunt.loadNpmTasks('grunt-autoprefixer');
    
    // 4. Указываем, какие задачи выполняются, когда мы вводим «grunt» в терминале
    grunt.registerTask('default', ['concat', 'uglify', 'watch', 'imagemin', 'less', 'autoprefixer']);
};

Answer 1

[Ivan Bogachev]

watch ожидает изменения файлов

files: [
    'assets/js/*.js',
    'assets/css/production.css'
],

чтобы при их изменении выполнить задачи
tasks: ['concat', 'uglify']
это часто используют, чтобы "в реальном времени" пересобирать проект и видеть результат

Comments

[Сергей Шилов]

но в файле production.css ничего не изменится, пока я не скомпилю less-файл, но чтобы его скомпилить надо выполнить команду grunt

[Ivan Bogachev]

Переместите watch в конец в массиве аргументов - он будет выполняться последним grunt.registerTask('default', ['concat', 'uglify', 'imagemin', 'less', 'autoprefixer', 'watch']); А вообще,если говорить о практическом применении, то watch обычно натравляют на файлы, которые переписывают, а не на те, которые получаются в результате работы других задач.

[Сергей Шилов]

Ivan Bogachev: а как мне автоматизировать процесс работы с less?

[Ivan Bogachev]

Сергей Шилов: Вы можете посмотреть упрощенный пример пример здесь: https://gist.github.com/moolen/5076285 . Идея в том, что вы изменяете less файлы - watch это замечает и обновляет ваш css.