1

gulp-inject動的ターゲットで呼び出そうとしています。HTML ファイルに複数のターゲットが含まれている場合、それぞれが最後のターゲットを上書きするため、それらを別の関数に移動しようとしました。問題は、現在gulp-inject、ターゲットにアクセスできないことです (どこに到達したかをログに記録することによって決定されます)。

以下のコードは例として役立つはずです (これは単純化されていますが、何が起こっているかを示しているはずです):

HTML:

<body>
  <!-- bundle1:js -->
  <!-- endinject -->

  <!-- bundle2:js -->
  <!-- endinject -->
</body>

Gulpfile.js:

var gulp = require('gulp');
var inject = require('gulp-inject');
var through2 = require('through2');
var bundles = require('./bundles');

var localInject = function () {
    return through2.obj(function (file, enc, cb) {
        if (file.isNull()) {
            return cb(null, file);
        }

        if (file.isStream()) {
            return cb(new gutil.PluginError('gulp-inject', 'Streaming not supported'));
        }

        var scriptBundles = Object.keys(bundles.scripts);
        var referencedScriptBundles = [];

        scriptBundles.forEach(function (bundle) {
            var expression = "(" + bundle + ":\w*)";
            var regex = new RegExp(expression, "ig");
            if (regex.test(file.contents.toString('utf-8'))) {
                //console.log('matched', bundle, 'in', file.path);
                referencedScriptBundles.push(bundle);
            }
        });

        if (referencedScriptBundles.length) {
            referencedScriptBundles.forEach(function(bundle) {
                inject(gulp.src(bundles.scripts[bundle], {
                    read: false
                }), {
                    name: bundle
                });
            });
            cb(null, file);
        } else {
            cb(null, file);
        }
    });
};

gulp.task('inject:dev', function () {
    return gulp.src('./Views/**/*.cshtml', { base: './' })
        .pipe(debug())
        .pipe(localInject())
        .pipe(gulp.dest('.'));
});

Bundles.js:

module.exports = {
  scripts: {
    bundle1: ['blah/**/*.js'],
    bundle2: ['otherblah/**/*.js']
  }
};

gulp-injectおそらくストリームに関する私の知識の欠如ですが、ファイルチャンクを取得していないように見える内部を除いて、すべて正常に動作します。プラグインは、ビューで適切なバンドルを見つけ、バンドル ファイルから挿入するスクリプトを見つけますが、ターゲット ファイルへの参照がないようです。

4

1 に答える 1