ブラウザのJavaScriptキャッシングの問題を防ぐためのベストプラクティス

Question

開発者として私たちはすべてこの問題を抱えていました。ウェブサイトのメンテナンスが必要で、クライアントスクリプトがあります：foo.jsfoo.jsを変更してテストし、テスト環境上の新しいコード。 テストユーザーは、ブラウザに古いfoo.jsがキャッシュに保持されているため、問題を解決しなかったと主張します。

私はfilecontentsのハッシュを作成し、それをファイル名に使用することを考えていました。 foo_8c736521.js ハッシュを作成してファイルの名前を変更してBundleConfig.csを更新できます。 これはVisual Studio内で自動的に実行されます。

C＃.NETでこれを処理するライブラリがありますか？

私は私のweb.Test.configファイルにこの変換を追加しました：今、バンドルの最適化は、この環境で有効になっている

<system.web> 
     <compilation debug="false" targetFramework="4.5" xdt:Transform="Replace" /> 
    </system.web> 

。そして、それは動作します。

Answer 1

ASP.NETバージョン4.5以上を使用している場合は、組み込みのJS Bundlerを使用してください。バンドルに含まれるJSファイルの変更を追跡し、ファイルが変更されたときにのみ新しいハッシュを発行します。 MVCのために

public class BundleConfig { 
    public static void RegisterBundles(BundleCollection bundles) { 
     bundles.Add(new ScriptBundle("~/bundles/custom").Include(
      "~/Scripts/foo.js", 
      "~/Scripts/bar.js" 
     )); 
    } 
} 

- Global.asaxの中でバンドルを登録します。

protected void Application_Start() { 
    // ... 
    BundleConfig.RegisterBundles(BundleTable.Bundles); 
} 

はASP.NET - Bundling and Minification