gulp Bower wiredep没有拾取bootstrap.css?

gulp Bower wiredep没有拾取bootstrap.css?,css,gulp,bower,wiredep,Css,Gulp,Bower,Wiredep,我有一个index.html文件。在我的bower.json文件中,我有一个依赖项: "bootstrap": "~3.3.2" 在吞咽文件中,我有: gulp.src('./main.html') .pipe(wiredep({ bowerJson: require('./bower.json') })) .pipe(gulp.dest('./')); 当我这样做的时候,我看到所有的css和js都被生成了,但是没有看到bootstrap.css包含在

我有一个index.html文件。在我的bower.json文件中,我有一个依赖项:

"bootstrap": "~3.3.2"
在吞咽文件中,我有:

  gulp.src('./main.html')
    .pipe(wiredep({
      bowerJson: require('./bower.json')
    }))
    .pipe(gulp.dest('./'));
当我这样做的时候,我看到所有的css和js都被生成了,但是没有看到bootstrap.css包含在注入中的任何地方,其他依赖项都是。发生了什么事

我想一定有一个简单的解决办法?或者与咕噜相比,咕噜有问题吗


更新:我被一个铁杆的maven狂热者****甩了个正着,他说bower和node与maven相比有多差劲,在bower安装之后,你必须在下载包后手动修改包的bower.json文件。如果有某种方法可以合法地不必修改bower.json,或者有一种方法可以将其合并到构建过程中,而不必要求开发人员这样做。。。请更新

我将根目录中最初指向*.less文件的bower.json文件更改为以下内容后:

"main": ["dist/css/bootstrap.css"],
它现在起作用了


注意:我删除了bootstrap.js的条目,因为我不需要它。

这是最新版本bootstrap 3.3.5的问题。有关更多信息,请参阅以下GitHub问题:

换句话说,在版本3.3.4之前,它应该可以正常工作


确保列出要在Bower中使用的实际版本;例如,在安装了3.3.5之后,在您的bower.json中使用~3.3.2,仍然会使bower求助于3.3.5,只需将其更改为3.3.2而不是~3.3.2,您将获得金牌

是的,正如@Helzgate所说,bootstrap正在考虑将bootstrap.less作为默认样式文件,而不是bootstrap.css,您可以通过访问

bower\u组件/bootstrap/bower.json

然后您可以清楚地看到,main属性包含以下值:

main": [
    "less/bootstrap.less",
    "dist/js/bootstrap.js"
  ]
因此,您所要做的就是将less/bootstrap.less替换为dist/css/bootstrap.css,如下所示:

"main": [
    "dist/css/bootstrap.css",
    "dist/js/bootstrap.js"
  ]

瞧,就是这样。

我们可以覆盖项目的bower.json中的主对象,而不是替换/修改bootstrap的bower.json

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

这对我有用

最多可以使用Bootstrap 3.3.4。之后,不注入css。只有JS。这在本书中已详尽地提到。这可能需要一段时间才能解决。到今天为止,这个问题仍然没有得到解决。问题是wiredep与我的工作流程配合得如此完美。另一个同样有效的方法是gulp inject,但这就是gulp,gulp对引导程序不太友好。

您可以在wiredep中设置覆盖选项,如下所示:

gulp.task('bower',['inject-js'],function(){
return gulp.src('./www/index.html')
    .pipe(wiredep({
        "overrides" : {
            "bootstrap":{
                "main":[Set the path to any thing you like]
            }
        },
        directory:'./www/lib/'
    }))
    .pipe(gulp.dest('./www'));
});

同样的问题,你能解决这个问题吗?不。是gulp的错还是bootstrap的错?不确定,我仍然面临bootstrap的完整请求问题?我不确定你在问什么。查看您的\bower\u components\bootstrap\folder,会有一个bower.json文件,编辑它并将“main”部分更改为我上面所述的内容。这样效果更好。我尝试了一个标记为答案的选项,但如果运行“bower安装”,它会重置引导目录中的bower.json文件(正如预期的那样)。这种方式避免了修改文件并意外地重新获得。您不能修改bower文件夹中的任何文件。