node child_process如何打印到控制台？

Question

在项目中想使用gulp+webpack
webpack用来打包js
gulp用来复制合并css等资源

现在在开发中想gulp和webpack都启动watch模式，监听变化，我用child_process启了一个子进程来执行webpack -w,

gulp.task('dev', function() {
    gulp.watch('./public/css/*.css', function(e) {
        var path = e.path;
        gulp.src(path).pipe(gulp.dest(dist + 'public/css'));
    });
    
    var child_process = require('child_process');

    var workerProcess = child_process.exec('node node_modules/webpack/bin/webpack.js', function() {
        console.log(arguments);
    })
    workerProcess.on('exit', function() {
        console.log('exit child');
    })
});

webpack配置文件已经设置watch: true了，现在能实现我的要求，但是每次webpack打包的信息没法输出到控制台了，谁能指导一下吗？对Node不太懂。

Answer 1

var workerProcess = child_process.exec('node node_modules/webpack/bin/webpack.js', function(error, stdout, stderr) {
    if (error) {
      console.error('exec error: '+error)
      return
    }
    console.log('stdout: '+stdout)
    console.log('stderr: '+stderr)
})

但是请注意，exec方法默认的最大允许输出到stdout和stderr的数据量不超过200K，如果超过了，子进程就会被杀死。请注意！！！(可以改用spawn避免该问题，或者手动设置maxBuffer)，或者直接使用下面的代码

var workerProcess = child_process.exec('node node_modules/webpack/bin/webpack.js', {})

workerProcess.stdout.on('data', function (data) {
    console.log('stdout: ' + data);
});

workerProcess.stderr.on('data', function (data) {
    console.log('stderr: ' + data);
});

虽然在node的文档用法中，spwan和exec的最终回调方式有区别，但是在node的实现中，其实两者的实现方式是一致的，exec也可以像spawn一样使用，只不过exec在触发stderr和stdout的data事件的时候，会把数据写到字符串中，到执行结束或者错误退出的时候通过回调函数传递出来，实现了exec上面这种便捷用法。