避免使用 wiredep 包含 bootstrap min.css & .css

Question

我正在用 wiredep & gulp 编写脚本，但是当我包含 Bootstrap:

时，最后出现了意想不到的结果

<link rel="stylesheet" href="/bower_components/bootstrap/dist/css/bootstrap-theme.css" />
<link rel="stylesheet" href="/bower_components/bootstrap/dist/css/bootstrap-theme.min.css" />
<link rel="stylesheet" href="/bower_components/bootstrap/dist/css/bootstrap.css" />
<link rel="stylesheet" href="/bower_components/bootstrap/dist/css/bootstrap.min.css" />

为什么 wiredep 包含 .css 和 min.css 文件？为什么 bootstrap-theme 也包括在内？

谢谢

Answer 1

问题出在我的 bower.json:

中的错误覆盖

之前是：

"overrides": {
    "bootstrap": {
        "main": [
            "dist/js/*.*",
            "dist/css/*.*",
            "dist/fonts/*.*"
        ]
    }

固定的一个是：

"overrides": {
    "bootstrap": {
        "main": [
            "dist/js/bootstrap.js",
            "dist/css/bootstrap.css",
            "dist/fonts/*.*"
        ]
    }

3.3.5 需要此覆盖，3.3.6 不再需要此覆盖。

Answer 2

我使用 bindep 而不是 wiredep。它更专业，具有许多功能，但最重要的是它允许使用 bower 克服 bower 限制。

npm 安装 bindep

避免使用 wiredep 包含 bootstrap min.css & .css

Avoid including bootstrap min.css & .css with wiredep

twitter-bootstrap-3

gulp

wiredep