私はこのgulpfile.jsコードを持っています：
gulp.task('make_prod_index', function () {
gulp.src('index.html')
.pipe(replace('content/bundles/css.min.css', 'content/bundles/css.min.css&12345'))
.pipe(rename("index-prod.html"))
.pipe(gulp.dest('./'));
});
私が考えていたのは、gulpfileを追加し&て、公開するたびに異なる番号を追加できるかどうかということでした。
これはcssがキャッシュされないようにする方法でしょうか？もしそうなら、公開するたびに異なる番号が追加されるようにするにはどうすればよいですか？
次のように、ファイルのmd5ハッシュを取得して、ファイルに簡単に追加できます。
...
var md5File = require('md5-file')
gulp.task('make_prod_index', function () {
gulp.src('index.html')
.pipe(replace('content/bundles/css.min.css', 'content/bundles/css.min.css?' + md5File('content/bundles/css.min.css')))
.pipe(rename("index-prod.html"))
.pipe(gulp.dest('./'));
});
ただし、クエリ文字列の追加を避けるために、ほとんどのキャッシュのファイル名を変更することをお勧めします。一部のキャッシュは、クエリ文字列を含むファイルを動的ファイルと見なし、キャッシュしません。
これはgulp-revタスクで実行できます。詳細については、ドキュメントを確認してください。ソリューションによっては、もう少し手間がかかる場合があります。しかし、私が見たところ、gulp-rev-replaceのような単純なもので行くことができます。
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加