并排使用'gulp.watch'和'tsc -watch'

如何解决并排使用'gulp.watch'和'tsc -watch'

我可以弄清楚为什么gulp.watch()后面似乎只有tsc -watch可以工作一半。同一文件上不能有多个观察者？或者，还有其他事情吗？

import { TaskFunction } from 'gulp';
import { spawn } from 'child_process';
import themeTask from './theme';
import { watch } from 'gulp';

const task: TaskFunction = (done: CallableFunction): void => {
    watch('./src/themes/*.json',themeTask);

    // This watcher is seems to be ignored whenever 'tsc' is spawned.
    watch('./src/colors.ts',{ useFsEvents: true },(done: CallableFunction): void => {
        spawn('npm',['run','build:theme'],{
            stdio: 'inherit'
        })
        .on('exit',() => done());
    });

    spawn('tsc',[
        './src/extension.ts','--outDir','./dist','--listEmittedFiles','-watch','--preserveWatchOutput'
    ],{
        stdio: 'inherit'
    });

    done();
};

export default task;

更新1

也许我没有正确发信号Async Completion？这是我更新的代码。有人可以确认这是原因吗？

import { TaskFunction } from 'gulp';
import themeTask from './theme';
import { watch } from 'gulp';
import { ChildProcess,spawn } from 'child_process';

// Removed completion since the task doesn't factually complete.
const task: TaskFunction = (): void => {
    watch('./src/themes/*.json',themeTask);

    // Changed completion to ChildProcess.
    watch('./src/colors.ts',(): ChildProcess => {
        return spawn('npm',{
            stdio: 'inherit'
        });
    });

    spawn('tsc',{
        stdio: 'inherit'
    });
};

export default task;