2

当使用 grunt 的 watch 任务时，Grunt.js 显然会产生一个新的 node.js 进程：

http://www.youtube.com/watch?v=fgRlcFt9dkg

一旦我保存我的文档，就会执行默认任务，并且（如您在视频中看到的）突然有一个新的 node.exe 进程。

这是我的 gruntfile：

module.exports = function(grunt) {

    grunt.loadNpmTasks('grunt-contrib-clean');
    grunt.loadNpmTasks('grunt-contrib-compress');
    grunt.loadNpmTasks('grunt-contrib-concat');
    grunt.loadNpmTasks('grunt-contrib-copy');
    grunt.loadNpmTasks('grunt-contrib-jshint');
    grunt.loadNpmTasks('grunt-contrib-less');
    grunt.loadNpmTasks('grunt-contrib-qunit');
    grunt.loadNpmTasks('grunt-contrib-watch');
    grunt.loadNpmTasks('grunt-text-replace');
    grunt.loadNpmTasks('grunt-yui-compressor');

  // Project configuration.
    grunt.initConfig({
        // Metadata.
        meta: {
            version: '1.0',
        },
        banner: '/*! Copyright (c) <%= grunt.template.today("yyyy") %> */\n',
        // Task configuration.
        concat: {
            options: {
                banner: '<%= banner %>',
                stripBanners: true
            },
            develop: {
                src: ['js/app.main.js', 'js/app/*.js', 'js/app.debug.js', 'js/app.workarounds.js', 'js/app.init.js'],
                dest: 'build/js/app.js'
            },
            production: {
                src: ['js/app.main.js', 'js/app/*.js', 'js/app.workarounds.js', 'js/app.init.js'],
                dest: 'build/js/app.js'
            },
            habla_css: {
                src: ['build/habla.css'],
                dest: 'build/habla.css'
            },
            wiwo_css: {
                src: ['build/wiwo.css'],
                dest: 'build/wiwo.css'
            },
            iefix: {
                src: 'js/iefix/*',
                dest: 'build/js/iefix.js'
            },
            libs: {
                src: ['js/src/*'],
                dest: 'build/js/libs.js'
            }
        },
        clean: {
            pre: [
                'build'
            ],
            post: 'dest'
        },
        copy: {
            thirdparty: {
                files: [
                    {
                        expand: true, 
                        src: ['js/jquery.min.js'],
                        dest: 'build/',
                    }]
            }
        },
        min: {
            options: {
                report: false,
                banner: '<%= banner %>'
            },
            app: {
                src: ['build/js/app.js'],
                dest: 'build/js/app.min.js'
            },
            iefix: {
                src: 'js/iefix.js',
                dest: 'build/js/iefix.min.js'
            },
            libs: {
                src: ['js/src/*'],
                dest: 'build/js/libs.min.js'
            },
        },
        cssmin: {
            options: {
                report: false,
                banner: '<%= banner %>'
            },
            icons: {
                src: ['build/icons.css'],
                dest: 'build/icons.min.css'
            },
            habla: {
                src: ['build/habla.css'],
                dest: 'build/habla.min.css'
            },
            wiwo: {
                src: ['build/wiwo.css'],
                dest: 'build/wiwo.min.css'
            }
        },
        less: {
            icons: {
                src: ['less/system/icons.less'],
                dest: 'build/icons.css'
            },
            habla: {
                src: ['less/habla.less'],
                dest: 'build/habla.css'
            },
            wiwo: {
                src: ['less/wiwo.less'],
                dest: 'build/wiwo.css'
            }
        },
        replace: {
            production: {
                src: 'build/js/app.js',
                dest: 'build/js/app.js',
                replacements: [{
                    from: /\s*App.debug.(log|group|groupEnd)\(.*\);/g,
                    to: ''
                },
                {
                    from: 'debug: true',
                    to: 'debug: false'
                }]
            },
            date: {
                src: 'build/js/app.js',
                dest: 'build/js/app.js',
                replacements: [{
                    from: '/*!%CURDATE%*/',
                    to: 'console.log("' + d.replace(/(T|Z)/gi,' ') + '");'
                }]
            }
        },
        qunit: {
            files: ['tests/**/*.html']
        },
        watch: {
            main: {
                files: ['grunt.js', 'js/app.*.js', 'js/**/*', 'less/**/*', 'less/*'],
                tasks: ['default'],
                options: {
                    nospawn: true
                }
            }
        }

    });


    grunt.registerTask('con', ['concat:habla_css', 'concat:wiwo_css', 'concat:iefix', 'concat:libs']);
    grunt.registerTask('icons', ['less:icons cssmin:icons']);
    grunt.registerTask('test', ['qunit']);

    // Default task.
    grunt.registerTask('default', ['less:habla', 'less:wiwo', 'concat:develop', 'con', 'replace:date', 'copy:thirdparty', 'clean:post', 'watch']);
    grunt.registerTask('release', ['clean:pre', 'less', 'concat:production', 'con', 'replace:production', 'copy:thirdparty', 'min', 'cssmin', 'clean:post']);

};

那么它是 grunt 错误还是我的 gruntfile 中的错误？我使用的 grunt 版本是 Windows 7 x64 上的 0.4.1 (+ grunt-cli 0.1.9)。

4

2 回答 2

5

您不应将其'watch'作为默认任务序列中的最终任务。您的监视配置调用默认值，然后每次生成另一个监视任务。这条线是问题所在：

grunt.registerTask('default', ['less:habla', 'less:wiwo', 'concat:develop', 'con', 'replace:date', 'copy:thirdparty', 'clean:post', 'watch']);

应该是这样的：

grunt.registerTask('default', ['less:habla', 'less:wiwo', 'concat:develop', 'con', 'replace:date', 'copy:thirdparty', 'clean:post']);

您应该简单地运行grunt:watch以查看文件。

如果您想在不执行监视的情况下运行默认任务序列，那么您可以简单地运行grunt

于 2013-06-25T13:35:35.630 回答
1

而已。谢谢！

我对其进行了一些优化，因此我仍然可以运行grunt（无需指定watch参数）：

watch: {
    main: {
        files: ['grunt.js', 'js/app.*.js', 'js/**/*', 'less/**/*', 'less/*'],
        tasks: ['develop']
    }
}

grunt.registerTask('develop', ['less:habla', 'less:wiwo', 'concat:develop', 'con', 'replace:date', 'copy:thirdparty', 'clean:post']);
grunt.registerTask('release', ['clean:pre', 'less', 'concat:production', 'con', 'replace:production', 'copy:thirdparty', 'min', 'cssmin', 'clean:post']);
grunt.registerTask('default', ['develop', 'watch']);

工作正常！谢谢！

于 2013-06-25T17:14:41.637 回答