Gulp 为什么Wiredep会用“错误”;dest.on不是一个函数;在我的吞咽任务中?
我正试图在一个Gulp任务中使用它在index.html文件中注入Bower依赖项。以下任务(不带Wiredep)运行正常Gulp 为什么Wiredep会用“错误”;dest.on不是一个函数;在我的吞咽任务中?,gulp,bower,wiredep,Gulp,Bower,Wiredep,我正试图在一个Gulp任务中使用它在index.html文件中注入Bower依赖项。以下任务(不带Wiredep)运行正常 gulp.task('build', ['copy', 'assets'], function(){ return gulp.src('app/index.html') .pipe(inject(gulp.src(['dist/assets/js/*.js', 'dist/assets/css/*.css'], {read: false}), {relat
gulp.task('build', ['copy', 'assets'], function(){
return gulp.src('app/index.html')
.pipe(inject(gulp.src(['dist/assets/js/*.js', 'dist/assets/css/*.css'], {read: false}), {relative: true}))
.pipe(gulp.dest('dist'));
});
现在我尝试将Wiredep添加到其中:
var wiredep = require('wiredep');
gulp.task('build', ['copy', 'assets'], function(){
return gulp.src('app/index.html')
.pipe(wiredep())
.pipe(inject(gulp.src(['dist/assets/js/*.js', 'dist/assets/css/*.css'], {read: false}), {relative: true}))
.pipe(gulp.dest('dist'));
});
其结果是:
[09:45:11] TypeError: dest.on is not a function
at DestroyableTransform.Readable.pipe (C:\GIT\myApp\myApp-front\node_module
s\gulp-debug\node_modules\through2\node_modules\readable-stream\lib\_stream_read
able.js:533:8)
at Gulp.<anonymous> (C:\GIT\myApp\myApp-front\gulpfile.js:38:6)
at module.exports (C:\GIT\myApp\myApp-front\node_modules\gulp\node_modules\
orchestrator\lib\runTask.js:34:7)
at Gulp.Orchestrator._runTask (C:\GIT\myApp\myApp-front\node_modules\gulp\n
ode_modules\orchestrator\index.js:273:3)
at Gulp.Orchestrator._runStep (C:\GIT\myApp\myApp-front\node_modules\gulp\n
ode_modules\orchestrator\index.js:214:10)
at C:\GIT\myApp\myApp-front\node_modules\gulp\node_modules\orchestrator\ind
ex.js:279:18
at finish (C:\GIT\myApp\myApp-front\node_modules\gulp\node_modules\orchestr
ator\lib\runTask.js:21:8)
at C:\GIT\myApp\myApp-front\node_modules\gulp\node_modules\orchestrator\lib
\runTask.js:52:4
at f (C:\GIT\myApp\myApp-front\node_modules\gulp\node_modules\orchestrator\
node_modules\end-of-stream\node_modules\once\once.js:17:25)
at DestroyableTransform.onend (C:\GIT\myApp\myApp-front\node_modules\gulp\n
ode_modules\orchestrator\node_modules\end-of-stream\index.js:31:18)
请注意,index.html在注入之前复制到dist目录
我仍然想知道为什么我不能使用流来连接依赖项。我自己也遇到了这个问题。这是因为你导入wiredep的方式。您需要执行以下操作,以便将其作为吸气流的一部分进行管道输送:
var wiredep = require('wiredep').stream;
排除.stream
部分后,您可以将wiredep用作gulp流之外的功能
var wiredep = require('wiredep').stream;