如何使用wiredep和gulp忽略路径的某些部分

Question

我正在创建Gulp任务，将使用wiredep注入js和css。下面是它是如何被注入的。

<!-- inject:js -->
<script src="/src/config/app.js"></script>
<!-- endinject -->

但我需要注射

<!-- inject:js -->
<script src="config/app.js"></script>
<!-- endinject -->

如何忽略'/src/'？

这就是我尝试过的方法，但没有奏效。

下面是Gulp任务

gulp.task('wiredep', ['styles'], function(){
    var options = {
        bowerJson: require('./bower.json'),
        directory:  './bower_components/',
        ignorePath: './src/'
        };
    var wiredep = require('wiredep').stream;
    return gulp
        .src(config.index)
        .pipe(wiredep(options))
        .pipe($.inject(gulp.src('./src/**/*.js')))
        .pipe(gulp.dest(config.dist));
});

谢谢，Kashyap

Answer 1

你没有说你得到了什么结果，所以很难排除故障，但你所要做的就是精确地匹配路径(除非你想使用正则表达式)，所以在你的例子中，这应该可以解决问题；

ignorePath: '/src/'

Answer 2

Wiredep用于将bower依赖注入到html中，我看你一定想注入通用的js文件，也许它可以在下面很好地工作：

gulp.task('inject', ['styles'], function(){
  var options = {
    ignorePath: 'src/',
    addRootSlash: false
  };
  return gulp
    .src(config.index)
    .pipe($.inject(gulp.src('./src/**/*.js'), options))
    .pipe(gulp.dest(config.dist));
});

希望这能帮上忙。

Answer 3

您可以排除文件夹：

var options = {
...
exclude: [/\/src/],
...
};