javascriptgulpwiredep

gulp-task output in console is not printing expected result


I have the following gulp task which inserts .css and .js files in the html file:

gulp.task('inject', function () {
    log('Injecting the JS and CSS files into index.html');

    var wiredep = require('wiredep').stream;
    var options = config.getWiredepDefaultOptions();

    return gulp.src(config.index)
        .pipe(wiredep(options))
        .pipe($.inject(gulp.src(config.customFiles), {ignorePath: options.ignorePath}))
        .pipe(gulp.dest(config.client));
});

and my gulp.config.js:

module.exports = function () {
    var client = './public';

    var config = {
        allJS: [
            '*.js',
            'public/js/*.js',
            'public/js/**/*.js'
        ],
        client: client,
        index: client + '/index.html',

        customFiles: [
            './public/css/*.css',
            './public/js/*.js',
            './public/js/**/*.js'
        ],

        bower: {
            json: require('./bower.json'),
            directory: './public/lib',
            ignorePath: '/public/'
        },

    };

    config.getWiredepDefaultOptions = function () {
        var options = {
            bowerJson: config.bower.json,
            directory: config.bower.directory,
            ignorePath: config.bower.ignorePath
        };

        return options;
    };

    return config;
};

This works as expected, but when I run the task I get this:

enter image description here

It always says gulp-inject 3 files into index.html, even though no new files was added.

Is there something wrong with my gulp file?


Solution

  • Well if you are using gulp-inject this is what I found.

    If you look at the code in gulp-inject you can see it just spits out the file count unless it gets opt.quiet set. I didn't see a option in the docs for this setting but if you look at the tests it shows an example it being used.

    Enabling quiet mode link line 505

    inject(sources, {quiet: true});
    

    Source where it generates the log statement. link line 109

    function getNewContent(target, collection, opt) {
      var logger = opt.quiet ? noop : function (filesCount) {
        if (filesCount) {
          log(cyan(filesCount) + ' files into ' + magenta(target.relative) + '.');
        } else {
          log('Nothing to inject into ' + magenta(target.relative) + '.');
        }
      };