javascript - Gulp Web サーバーがキャッシュバストされた JS リソースを読み込めない

Question

JS キャッシュバスティングの展開中にバージョン管理された JS ファイルがたくさんあります。このように見えます。

<script src="dist/js/bundle.js?v=ju29jj39983eddd2"></script>

gulp を使用して縮小と圧縮を行います。完了したら、バージョン値を追加したファイル名を使用してローカル ディレクトリに保存します。これがコードです。

gulp.task('bundle', function() {
 return gulp
   .src(config.app_scripts) // app_scripts is an array containing list of files
   .pipe(gutil.env.type === 'production' ? uglify({mangle: true}) : gutil.noop())
   .pipe(gutil.env.type === 'production' ? concat('b-bundle.js?v=' + secureRand) : concat('b-bundle.js'))
   .pipe(gulp.dest('dist/js'));
});

gulp-webserver を使用して、開発環境でアセットを提供します。これが構成です。ただし、JS ファイルをディレクトリから選択するわけではありません。ページの読み込み時に index.html にフォールバックするだけです。

//Local webserver
gulp.task('webserver', function() {
  gulp.src(__dirname + '/client')
    .pipe(webserver({
      livereload: false,
      open: false,
      directoryListing: false,
      fallback: 'index.html',
      proxies: proxiesConf
  }));
});

この動作の原因がわかりません。誰かが私を助けてくれれば、とても感謝しています。