[解決済み] Angular 2のサイトでブラウザキャッシュを防ぐには?
2022-06-22 19:32:04
質問
現在、定期的に更新される新しいプロジェクトに取り組んでおり、あるクライアントによって毎日使用されています。このプロジェクトは angular 2 を使用して開発されていますが、キャッシュの問題に直面しています。つまり、クライアントが自分のマシンで最新の変更を見ることができないのです。
主に js ファイル用の html/css ファイルは、大きな問題を与えることなく適切に更新されるようです。
どのように解決するのですか?
angular-cli
はこの問題を解決するために
--output-hashing
フラグを
ビルド
コマンド (バージョン 6/7, それ以降のバージョンでは
ここで
). 使用例です。
ng build --output-hashing=all
バンドルとツリーシェイク
には、その詳細と背景が書かれています。実行
ng help build
を実行すると、フラグを文書化します。
--output-hashing=none|all|media|bundles (String)
Define the output filename cache-busting hashing mode.
aliases: -oh <value>, --outputHashing <value>
のユーザにのみ適用されますが angular-cli を使用するユーザーにしか適用できませんが、これは見事に動作し、コードの変更やツールの追加を必要としません。
更新
多くのコメントで
役に立つ
と
正しく
は、この回答がハッシュを追加していることを指摘した。
.js
ファイルにはハッシュを追加しますが
index.html
. したがって
index.html
の後にキャッシュされたまま
ng build
キャッシュが
.js
ファイルを破壊します。
関連
-
[解決済み] コンフリクトミスとキャパシティミスの違いについて
-
[解決済み] phpサイトのブラウザキャッシュを無効にする方法
-
[解決済み] ライトバックキャッシングとライトスルーキャッシングの違いは?
-
[解決済み] ウェブサイト制作のためのChromeキャッシュの無効化
-
[解決済み] Angular HTMLバインディング
-
[解決済み] キャッシュフレンドリーコードとは何ですか?
-
[解決済み] Cache-Control: max-age=0とno-cacheの違いは何ですか?
-
[解決済み] クライアントにJavaScriptファイルを強制的に更新させるには?
-
[解決済み】全てのブラウザで、Webページのキャッシュを制御するには?
-
[解決済み] Notepad++のキャッシュファイルの場所
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】IISで静的リソースのHTTPヘッダーに有効期限や最大年齢を設定する方法
-
[解決済み] コンフリクトミスvsコンパルソリーミス
-
[解決済み] TLBシュートダウンとは何ですか?
-
[解決済み] FIFOキャッシュとLRUキャッシュの比較
-
[解決済み] フラッシュ・トゥ・ディスク」とはどういう意味ですか?
-
[解決済み] すべてのブラウザでキャッシュをオフにするための<meta>タグはありますか?[重複しています]。
-
[解決済み】全てのブラウザで、Webページのキャッシュを制御するには?
-
[解決済み】開発機でAngularJSの部分的なキャッシュを無効にする
-
[解決済み] Redisキャッシュとメモリ直接使用との比較
-
[解決済み] キャッシュとメモライゼーションの違いは何ですか?