サーバー上の Webpack によってパッケージ化された期限切れのハッシュ ファイルをクリーンアップする方法

この記事の内容は、サーバー上で webpack によってパッケージ化された期限切れのハッシュ ファイルをクリーンアップする方法に関するものです。必要な方は参考にしていただければ幸いです。

現在、フロントエンド プロジェクトは基本的にコードをパッケージ化するために webpack を使用しており、ファイル名 (HTML ファイルを除く) はハッシュ化されているため、ブラウザーのキャッシュが削除される可能性があります。ただし、別の問題が発生します。つまり、基本的にすべてのビルドで新しい js および css ファイルが生成されるため、期限切れの (使用されない) ハッシュ ファイルがサーバー上に大量に蓄積されます。これらのファイルをクリアしないと、サーバーのストレージ領域が大量に占有されてしまいます。

1. アイデア

1. HTML ファイルから CSS ファイルのハッシュ値セットを読み取ります。次に、これらのハッシュ値セットに基づいて、ハッシュを次のようにします。このセットに含まれていない css ファイルを削除します。

3. HTML ファイルから js ファイルのハッシュ値セットを読み取り、これらのハッシュ値セットを配置します。動的にロードされない js ファイルは削除されます (js の動的ロードは動的インポートを指します)

5. 動的にロードされた js ファイルのハッシュ値セットを js から読み取ります。動的ロードに属さないファイル;

6. 次に、これらのハッシュ値セットに基づいて、動的にロードされ、そのハッシュがこのセットに含まれていない js ファイルを削除します。残りの html、css、js ファイルから、画像やフォントなどの他の静的リソース ファイルのハッシュ値セットを読み取り、これらのハッシュ値セットに基づいて、ハッシュが一致していない静的リソース ファイルを削除します。このセットでは。

2. sclean

上記の考えに基づいて、npm パッケージをカプセル化しました。sclean.

主に次の機能があります。サーバー ファイルの削除は非常に危険な操作であるため、期限切れのファイルを削除する前に、サーバー ファイルを以前にバックアップした状態に復元することもできます。 up (エラーをクリアした後の回復操作に使用されます);

3. ターゲット ディレクトリ (dist、build)、html ファイル (php、jsp)、ハッシュ長 (32) のカスタマイズなど、設定に従ってクリア操作を実行します。 , 8) 待ってください。

インストール

npm install sclean -g

クリーンアップ操作の実行

sclean

以上がサーバー上の Webpack によってパッケージ化された期限切れのハッシュ ファイルをクリーンアップする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。