Question

我们有许多共享gulp逻辑的应用程序，所以我们制作了一个包含大量自定义任务的gulp插件。

但是，我们希望避免为我们开发的每个应用程序安装gulp +我们的插件（以及一半的互联网）。

理想情况下，我想这样做：

npm install -g gulp
npm install -g <our gulp plugin>

然后，对于每个应用，我们只需做：

npm link gulp
npm link <our gulp plugin>

虽然这样可行，但问题是gulp不再能识别我们的任何自定义gulp任务。我运行的任何gulp命令都会导致：

[15:16:51] Using gulpfile /workspace/my-app/gulpfile.js
[15:16:51] Task 'dev' is not in your gulpfile
[15:16:51] Please check the documentation for proper gulpfile formatting

＆＃39; dev＆＃39;任务是在我的gulp插件中，为什么它没有找到它？我的gulpfile.js只有这个：

var gulp = require('gulp');
var mygulpplugin = require('mygulpplugin');

当gulp +插件在本地安装时，完全相同的过程有效。有什么想法吗？

Answer 1

想出来。在我的模块底部添加了以下行：

module.exports = gulp;

每个模块中的gulpfile如下所示：

var gulp = require('gulp'); 
var mygulpplugin = require('mygulpplugin');
gulp.tasks = mygulpplugin.tasks;

Answer 2

除了接受的答案之外，你可以按照在grunt时间流行的方式来实现，你可以在插件中注入gulp：

插件：用以下内容包装所有内容：

module.exports = function(gulp) {
    gulp.task('foo', function () {
        ...
    })
    ...
}

并从插件的文件中删除require('gulp')。

在依赖于插件的 gulpfile 中，您可以执行以下操作：

var gulp = require('gulp');
require('my-gulp-plugin')(gulp)

那样

你可以在主gulp文件中有多个插件，因为你不能覆盖gulp.tasks。
插件不必在每个插件中声明gulp package.json依赖关系（npm install的工作量减少）

使用npm链接时如何修复“任务不在你的gulpfile中”错误？

2 个答案: