14

index.html ファイルがあります。私の bower.json ファイルには、依存関係があります。

"bootstrap": "~3.3.2"

私が持っているgulpファイルでは：

  gulp.src('./main.html')
    .pipe(wiredep({
      bowerJson: require('./bower.json')
    }))
    .pipe(gulp.dest('./'));

これを行うと、すべての css と js が生成されていることがわかりますが、注入内のどこにも含まれていない bootstrap.css は表示されません。他の依存関係は含まれています。何が起こっている？

これには簡単な修正が必要だと思いますか？それとも、うなり声と比較して、gulp はこれに問題がありますか?

更新: 私は、bower と node が maven と比較してどのように悪いか、および bower のインストール後にダウンロード後にパッケージの bower.json ファイルを手動で変更する必要があることについて、筋金入りの Maven 狂信者に **** 投げつけられています。合法的に bower.json を変更する必要がない方法、または開発者にこれを行うよう要求する必要がなかったビルド プロセスにこれを組み込む方法がある場合は、更新してください。

4

6 に答える 6

26

ブートストラップの bower.json を置換/変更する代わりに、プロジェクトの bower.json のメイン オブジェクトをオーバーライドできます。

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

これは私のために働く！

于 2015-12-28T12:51:22.730 に答える
8

はい、@Helzgateが言ったように、ブートストラップはbootstrap.css の代わりに bootstrap.lessをデフォルトのスタイルファイルと見なしています。

bower_components/bootstrap/bower.json

次に、メイン属性が次の値を保持していることを明確に確認できます。

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

したがって、次のように、 less/bootstrap.lessをdist/css/bootstrap.cssに置き換えるだけです。

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

ほら、それだけです。

于 2015-08-15T00:28:28.890 に答える
6

最初に *.less ファイルを指していたルートの bower.json ファイルを次のように変更した後:

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

それは今動作します。

注: bootstrap.js のエントリは不要なので削除しました。

于 2015-06-23T21:34:03.107 に答える
4

これは、Bootstrap の最新バージョンである 3.3.5 の問題です。詳細については、次の GitHub の問題を参照してください。

https://github.com/twbs/bootstrap/issues/16663

つまり、バージョン 3.3.4 までは正常に動作するはずです。

Bower で使用する実際のバージョンを必ず記載してください。たとえば、3.3.5 が既にインストールされている後に bower.json で ~3.3.2 を使用しても、Bower は 3.3.5 に頼ります。~3.3.2 ではなく 3.3.2 に変更するだけで、ゴールデンになります。 !

于 2015-06-25T15:25:26.707 に答える
3

次のように、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'));
});
于 2016-05-31T06:53:47.413 に答える
2

Bootstrap 3.3.4まで使用できます。その後、CSS は挿入されません。JSのみ。これはすべてhttps://github.com/twbs/bootstrap/issues/16663で徹底的に言及されています。これが解決されるまでには、おそらくしばらく時間がかかります。今日現在、まだ解決していません。問題は、wiredep が私のワークフローで非常に美しく機能することです。同様に機能する他の唯一のものはgulp-injectですが、それはgulpであり、gulpはそれほどBootstrapフレンドリーではありません.

于 2016-04-11T22:46:39.107 に答える