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

Question

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

<!-- 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));
});

谢谢， 卡什亚普

Answer 1

您可以排除文件夹：

var options = {
...
exclude: [/\/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

你没有说你得到了什么结果，所以很难排除故障，但你所要做的就是完全匹配路径（除非你想使用正则表达式），所以在你的情况下，这应该可以解决问题；

ignorePath: '/src/'