So bereinigen Sie abgelaufene Hash-Dateien, die von Webpack auf dem Server gepackt wurden

Der Inhalt dieses Artikels befasst sich mit der Bereinigung der vom Webpack gepackten abgelaufenen Hash-Dateien. Ich hoffe, dass er für Sie hilfreich ist.

Heutzutage verwenden Front-End-Projekte grundsätzlich Webpack zum Packen von Code, und die Dateinamen (außer HTML-Dateien) werden gehasht, wodurch der Browser-Cache entfernt werden kann. Es entsteht jedoch ein weiteres Problem: Auf dem Server sammelt sich eine große Anzahl abgelaufener (nicht verwendeter) Hash-Dateien an. Bei diesen Dateien handelt es sich hauptsächlich um JS- und CSS-Dateien, da im Grunde bei jedem Build neue JS- und CSS-Dateien generiert werden. Wenn diese Dateien nicht gelöscht werden, belegen sie viel Speicherplatz auf dem Server.

1. Ideen

1. Lesen Sie den Hashwertsatz der CSS-Datei.

2 nicht in diesem Satz. Löschen Sie die CSS-Dateien in der JS-Datei.

4 die nicht dynamisch geladen werden, und js-Dateien, deren Hash nicht in dieser Sammlung ist, werden gelöscht (dynamisches Laden von js bezieht sich auf dynamische Importe)

5. Lesen Sie den Hash-Wertsatz dynamisch geladener js-Dateien aus js Dateien, die nicht zum dynamischen Laden gehören; 6. Löschen Sie dann dynamisch geladene JS-Dateien, deren Hashes nicht in diesem Satz enthalten sind , CSS-, JS-Dateien Lesen Sie den Hashwertsatz anderer statischer Ressourcendateien wie Bilder und Schriftarten.

8 Löschen Sie dann basierend auf diesem Hashwertsatz die statischen Ressourcendateien, deren Hash nicht in diesem Satz enthalten ist.

2. sclean

Basierend auf der obigen Idee habe ich ein npm-Paket gekapselt: sclean.

Es hat hauptsächlich die folgenden Funktionen:

1. Sichern Sie Serverdateien, da das Löschen ein sehr gefährlicher Vorgang ist. Sie sollten daher vor dem Löschen abgelaufener Dateien ein Backup erstellen.

2. Stellen Sie die Serverdateien in einem früheren Zustand wieder her zuvor gesichert (Wird für Wiederherstellungsvorgänge nach dem Löschen von Fehlern verwendet);

3. Führen Sie Löschvorgänge gemäß der Konfiguration durch, z. B. Anpassen des Zielverzeichnisses (dist, build), der HTML-Datei (php, jsp) und der Hash-Länge (32, 8) warte.

npm install sclean -g

sclean

Das obige ist der detaillierte Inhalt vonSo bereinigen Sie abgelaufene Hash-Dateien, die von Webpack auf dem Server gepackt wurden. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!