Wiredep无法插入Bower CSS依赖项。

Question

我想使用wiredep注入Bower依赖项。 我有点困惑它是如何工作的，以及为什么它只适用于我的JS文件。

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"

Bootstrap，Bourbon和neat都有大量的CSS，然而

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

运行 gulp wiredep 后，为什么仍然是空的？

bower.json 依赖项如下：

  "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"
  }

- 1252748

Answer 1

首先，在您的项目的bower.json文件中添加来自Bootstrap博客的官方解决方案：

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

对于其他软件包，模式是相同的，但是需要更改路径。

- Farzad Yousefzadeh

---

那个更新需要在每个单独的包的bower_components文件中进行？有没有什么方法可以使这个过程 less manual呢？这似乎非常耗时，且与此gulp任务节省时间的意图不符。 :/ - 1252748

不要将其添加到您项目的 bower.json 文件中，我会将其作为答案的更新添加。 - Farzad Yousefzadeh

我明白了，第一次我错过了那个。但是每个bower依赖都需要这样做吗？ - 1252748

Wiredep默认不添加的每个Bower组件。 - Farzad Yousefzadeh

默认情况下，wiredep会添加什么？另外，您能否向我展示其中一个其他依赖项的样子？非常感谢您的帮助。 - 1252748

在我的一个项目中，我想使用OnsenUI包，并在bower.json文件中使用以下代码片段来进行wiredep以正确添加文件。"overrides": { "bootstrap": { "main": [ "dist/js/bootstrap.js", "dist/css/bootstrap.css", "less/bootstrap.less" ] }, "OnsenUI": { "main": [ "js/onsenui.js", "css/*.css" ] } } - Farzad Yousefzadeh