使用 Grunt Browserify 指定一项普通任务和一项监视任务答案

【问题标题】：Specify one normal task and one watching task with Grunt Browserify使用 Grunt Browserify 指定一项普通任务和一项监视任务
【发布时间】：2014-12-10 21:25:31
【问题描述】：

我在本地开发期间使用 Watchify（通过 grunt-browserify）进行快速编译：

grunt.initConfig({
    pkg: grunt.file.readJSON('package.json'),
    browserify: {
        app: {
            src: './src/app.js',
            dest: 'build/js/app.js'
        },
        options: {
            // next two lines for watchify + watch instead of browserify
            watch: true,
            keepAlive: true,
            transform: ['node-lessify', 'node-underscorify'],
            debug: true,
            browserifyOptions: {
                debug:true // include source maps.  currently only available with browserify
            }
        }
    }
}

grunt.loadNpmTasks('grunt-browserify');

运行grunt browserify 进入一个while true 循环，该循环不断地监视变化。在构建可用于生产的捆绑包时，我希望它运行一次而不是观看。

我已经尝试过这种配置，但 browserify:dev 任务从不监视：

grunt.initConfig({
    pkg: grunt.file.readJSON('package.json'),
    browserify: {
        dev: {
            src: './src/app.js',
            dest: 'build/js/app.js',
            // next two lines for watchify + watch instead of browserify
            watch: true,
            keepAlive: true
        },
        package: {
            src: './src/app.js',
            dest: 'build/js/app.js'
        },
        options: {
            transform: ['node-lessify', 'node-underscorify'],
            browserifyOptions: {
                debug:true // include source maps.  currently only available with browserify
            }
        }
    }
});

如何指定一个使用 Watchify 监视的 Browserify 任务，以及一个构建整个包并退出的任务？

【问题讨论】：

标签： gruntjs browserify watchify

【解决方案1】：

我的配置有误。请注意，keepAlive: false 位于 browserify:package 作业的 options 命名空间中：

grunt.initConfig({
    pkg: grunt.file.readJSON('package.json'),
    browserify: {
        dev: {
            src: './src/app.js',
            dest: 'build/js/app.js'
        },
        package: {
            src: './src/app.js',
            dest: 'build/js/app.js',
            options: {
                keepAlive: false
            }
        },
        options: {
            watch: true,
            keepAlive: true,
            transform: ['node-lessify', 'node-underscorify'],
            browserifyOptions: {
                debug:true // include source maps.  currently only available with browserify
            }
        }
    }
});

【讨论】：