0

HTMLファイルに挿入.cssしてファイルする次のgulpタスクがあります。.js

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

そして私の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;
};

これは期待どおりに機能しますが、タスクを実行すると次のようになります。

ここに画像の説明を入力

gulp-inject 3 files into index.html新しいファイルが追加されていなくても、常に と表示されます。

私のgulpファイルに何か問題がありますか？

4

1 に答える 1

2

gulp-inject を使用している場合、これは私が見つけたものです。

gulp-inject のコードを見ると、opt.quiet が設定されていない限り、ファイル カウントを吐き出すだけであることがわかります。ドキュメントにはこの設定のオプションはありませんでしたが、テストを見ると、使用されている例が示されています。

クワイエット モードリンク回線 505 の有効化

inject(sources, {quiet: true});

ログステートメントを生成するソース。リンクライン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) + '.');
    }
  };
于 2016-08-16T19:58:37.997 に答える