2015-11-25 17 views
10

我正在尝试使用wiredep来注入bower依赖关系。我对它是如何工作以及为什么它只适用于我的JS文件感到困惑。Wiredep不会插入bower CSS依赖关系

gulp.task('wiredep', function(cb){ 
    gulp.src('./index.html') 
    .pipe(wiredep()) 
    .pipe(gulp.dest('.')); 
}); 

最后一行gulp.dest('.')是做什么用的?目标不会是我的index.html文件。此外,这个任务似乎只注入JavaScript文件。我在我的bower.json依赖关系

"bootstrap": "~3.3.6", 
"bourbon": "~4.2.6", 
"jquery": "~2.1.4", 
"neat": "~1.7.2" 

引导,波旁,整洁,都有大量的CSS,然而

<!-- bower:css --> 
<!-- endbower --> 

保持运行gulp wiredep后空。为什么会这样?

bower.json的DEP是这样的:

"dependencies": { 
    "angular": "~1.4.8", 
    "bitters": "~1.1.0", 
    "bourbon": "~4.2.6", 
    "font-awesome": "fontawesome#~4.5.0", 
    "jquery": "~2.1.4", 
    "neat": "~1.7.2" 
    } 

回答

2

首先从引导博客官方的解决方法添加到您的项目bower.json文件:

"dependencies": { 
... 
}, 
"overrides": { 
    "bootstrap": { 
    "main": [ 
     "dist/js/bootstrap.js", 
     "dist/css/bootstrap.css", 
     "less/bootstrap.less" 
     ] 
    } 
} 

对于其他包的模式将是相同但改变路径。

+0

这个更新需要在_each_个别包的'bower_components'文件中进行吗?有没有办法让这个过程减少手动?这看起来非常耗时,并且与这个吞噬任务的节省时间的意图不一致。':/' – 1252748

+0

不会将它添加到您的项目的'bower.json'文件中。我将添加它作为答案的更新。 –

+0

对,我看到我第一次错过了。但它确实需要完成以前的凉亭依赖? – 1252748