0

ステートメント: 新しいコンポーネント (html、js、および css ファイル) の形で多くの更新を行うアプリに取り組んでいます。私が遭遇した問題は、意図したとおりに新しいファイルを使用するために、js ファイルのキャッシュをクリアするか、ブラウザー ページを数回更新する必要があるということでした。これを使って。

問題: gulp-inject をシリーズとして使用して html にファイルを挿入しようとしていて、接尾辞を追加しても機能しません。ファイルは挿入されますが、サフィックスは添付されません。

コード:

gulp.task("inject", function () {
    var timestamp = new Date().getTime();

    var css_vendor = gulp.src([path.dirs.dist + "/vendor/**/*.css", path.dirs.dist + "/vendor.css"], {read: false});
    var css_other = gulp.src([path.dirs.dist + "/**/*.css", "!" + path.dirs.dist + "/vendor/**/*.css", "!" + path.dirs.dist + "/vendor.css", "!" + path.dirs.dist + "/main*.css", "!" + path.dirs.dist + "/components*.css"], {read: false});
    var css_main = gulp.src([path.dirs.dist + "/main*.css"], {read: false});
    var css_components = gulp.src([path.dirs.dist + "/components*.css"], {read: false});
    var js_vendor = gulp.src([path.dirs.dist + "/**/vendor*.js", "!" + path.dirs.dist + "/**/FileAPI*"], {read: false});
    var js = gulp.src([path.dirs.dist + "/**/cex*.js", "!" + path.dirs.dist + "/**/FileAPI*"], {read: false});

    return gulp.src([path.dirs.dist + "/index.html"])
        .pipe(inject(series(css_vendor, css_other, css_main, css_components, js_vendor, js), {relative: true}, {
            addSuffix: timestamp
        }))
        .pipe(gulp.dest(path.dirs.dist));
});
4

1 に答える 1

0

gulp-inject のサフィックスとしてプレーンな数字やテキストを追加することはできません。サフィックスは何かを意味する必要があります。代わりに次のようなものを試してください。

addSuffix: '?' + timestamp

このアプローチを使用する場合は、適切なキャッシュを放棄する必要があることに注意してください。

于 2016-03-18T13:54:29.577 に答える