这是我在gruntfile.js中的有线任务
gulp.task('wiredep',function(){
var wiredep = require('wiredep').stream;
var options = config.getWiredepOptions();
return gulp
.src(config.index)
.pipe(wiredep(options))
.pipe($.inject(gulp.src(config.js)))
.pipe($.inject(gulp.src(config.css)))
.pipe(gulp.dest(config.client));
});
这是我的gulp.config.js文件,其中包含配置数据
module.exports = function(){
var client = './src/client/';
var clientApp = client + 'app/';
var temp = './.tmp/';
var config = {
client:client,
temp: temp,
//index file location
index: client + 'index.html',
//wiredepJsFiles
js:[
clientApp + '**/*.module.js',
clientApp + '**/*.js',
'!' + clientApp + '**/*.spec.js'
],
css:temp + '**/*.css',
// bower config here for wiredep
bower:{
json:'./bower.json',
directory:'./bower_components',
ignorePath:'../..'
}
};
config.getWiredepOptions = function(){
return {
bowerJson:config.bower.json,
directory:config.bower.directory,
ignorePath:config.bower.ignorePath,
};
};
return config;
};
我在 index.html 中放置了bower:css和bower:js标签以及 inject:js 和 inject:css
编辑:在 index.html 中注入的标签是
<!-- bower:css -->
<!-- endbower -->
<!-- bower:js -->
<!-- endbower -->
我可以使用 gulp-inject 成功注入,但wiredep 无法注入。我没有从wiredep 生成错误。
PS 我已经为 bootstrap 和 font awesome 之类的包添加了overrides属性到bower.json。问题是没有一个 bower 包被注入。