这是我在 gruntfile.js
中的wiredep任务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我为 bower.json 添加了覆盖属性,用于bootstrap和font awesome等软件包。问题是没有任何bower软件包被注入。< / p>