10

wiredepバウアーの依存関係を注入するために使用しようとしています。それがどのように機能するのか、そしてなぜそれが私の 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 deps は次のようになります。

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

1 に答える 1

2

まず、ブートストラップ ブログの公式の回避策をプロジェクトのbower.jsonファイルに追加します。

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

他のパッケージの場合、パターンは同じですが、パスを変更します。

于 2015-11-25T18:00:00.303 に答える