node.js - Gulp、Wiredep、および Bower の依存関係

Question

gulpfile.js を適応させ、bower_components/フォルダーをapp/bower_components/.

のディレクトリを更新した.bowerrcので、実行するたびbower installに正しいディレクトリが使用されます。

{
  "directory": "app/bower_components"
}

gulp-wiredepでは、メインの Sass ファイル内に正しい Sass パスの場所を書き込むにはどうすればよいでしょうか?

たとえば、次の行をファイルの直後にgulp-wiredep追加します。main.scss// bower:scss

@import "bower_components/bootstrap-sass-official/assets/stylesheets/_bootstrap.scss";

今あるべき@import "app/bower_components/bootstrap-sass-official/assets/stylesheets/_bootstrap.scss";

どうすればそのパスを変更できますか? タスクの構成だと思いwiredepます：

gulp.task('wiredep', function () {
  var wiredep = require('wiredep').stream;

  gulp.src('app/styles/*.scss')
    .pipe(wiredep({
      ignorePath: /^(\.\.\/)+/
    }))
    .pipe(gulp.dest('app/styles'));

  gulp.src('app/*.html')
    .pipe(wiredep({
      exclude: ['bootstrap-sass-official'],
      ignorePath: /^(\.\.\/)*\.\./
    }))
    .pipe(gulp.dest('app'));
});

しかし、必要なことを行うためにそれを構成する方法がわかりません。それに関するドキュメントが見つかりませんでした。

sassファイルのそのパス"app/bower_components/bootstrap-sass-official/assets/stylesheets/_bootstrap.scss"をgulp serve手動app/で

それを修正する方法は？

終わり：

// inject bower components
gulp.task('wiredep', function () {
  var wiredep = require('wiredep').stream;

  gulp.src('app/styles/*.scss')
    .pipe(wiredep({

      fileTypes: {
        scss: {
          replace: {
            sass: '@import "app/{{filePath}}";',
            scss: '@import "app/{{filePath}}";'
          }
        }
      },

      ignorePath: /^(\.\.\/)+/
    }))
    .pipe(gulp.dest('app/styles'));

  gulp.src('app/*.html')
    .pipe(wiredep({
      exclude: ['bootstrap-sass-official'],
      ignorePath: /^(\.\.\/)*\.\./
    }))
    .pipe(gulp.dest('app'));
});