javascript - 从一个 gulpfile.js 从另一个 gulpfile.js 运行 gulp 任务

Question

也许我的方法有问题，但我有以下情况:

1. 我有一个包含 gulpfile 的 component-a。它的一项任务(例如构建)构建组件并在 dist 文件夹中创建一个组合的 js 文件
2. 我有一个包含 gulpfile 的 component-b。它的一项任务(例如构建)构建组件并在 dist 文件夹中创建一个组合的 js 文件
3. 我有一个使用这两个组件的项目。这个项目也有一个 gulpfile，我想在其中编写一个任务:
   • 从/components/component-a/gulpfile.js 执行构建任务
   • 从/components/component-b/gulpfile.js 执行构建任务
   • concats/components/component-a/dist/build.js 和/components/component-b/dist/build.js(我知道怎么做)

我不知道如何从/components/component-?/gulpfile.js 执行构建任务。是否有可能或者我应该以其他方式处理这种情况？

Answer 1

require('child_process').spawn;

使用 Node's child_process#spawn module 从不同目录运行 Gulpfile 非常简单.

尝试根据您的需要调整以下内容:

// Use `spawn` to execute shell commands with Node
const { spawn } = require('child_process')
const { join } = require('path')

/*
  Set the working directory of your current process as
  the directory where the target Gulpfile exists.
*/
process.chdir(join('tasks', 'foo'))

// Gulp tasks that will be run.
const tasks = ['js:uglify', 'js:lint']

// Run the `gulp` executable
const child = spawn('gulp', tasks)

// Print output from Gulpfile
child.stdout.on('data', function(data) {
    if (data) console.log(data.toString())
})

咕噜咕噜

虽然使用 gulp-chug 是解决此问题的一种方法，it has been blacklisted by gulp's maintainers因为……

"execing, too complex and is just using gulp as a globber"

official blacklist状态...

"no reason for this to exist, use the require-all module or node's require"