Maison >interface Web >tutoriel HTML >Comment nettoyer les fichiers de hachage expirés emballés par Webpack sur le serveur

Comment nettoyer les fichiers de hachage expirés emballés par Webpack sur le serveur

不言
不言original
2018-09-17 14:28:102087parcourir

Le contenu de cet article explique comment nettoyer les fichiers de hachage expirés emballés par webpack sur le serveur. Il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer.

De nos jours, les projets frontaux utilisent essentiellement le webpack pour empaqueter le code, et les noms de fichiers (à l'exception des fichiers html) sont hachés, ce qui peut supprimer le cache du navigateur. Mais un autre problème se posera, c'est-à-dire qu'un grand nombre de fichiers de hachage expirés (ne seront pas utilisés) s'accumuleront sur le serveur. Ces fichiers sont principalement des fichiers js et css, car fondamentalement, chaque build générera de nouveaux fichiers js et css. Si ces fichiers ne sont pas effacés, ils occuperont une grande quantité d’espace de stockage sur le serveur.

1. Idées

1. Lisez l'ensemble de valeurs de hachage du fichier CSS à partir du fichier HTML

2. pas dans cet ensemble Supprimez les fichiers CSS à l'intérieur ;

3. Lisez l'ensemble de valeurs de hachage du fichier js à partir du fichier html

4. Ensuite, en fonction de ces ensembles de valeurs de hachage, mettez-les. qui ne sont pas chargés dynamiquement, et les fichiers js dont le hachage n'est pas dans cette collection sont supprimés (le chargement dynamique de js fait référence aux importations dynamiques)

5 Lisez l'ensemble de valeurs de hachage des fichiers js chargés dynamiquement à partir de js. les fichiers qui n'appartiennent pas au chargement dynamique ;

6. Ensuite, sur la base de ces ensembles de valeurs de hachage, supprimez les fichiers js chargés dynamiquement dont les hachages ne sont pas dans cet ensemble

7. , css, js fichiers Lisez l'ensemble de valeurs de hachage d'autres fichiers de ressources statiques tels que les images et les polices ;

8 Ensuite, en fonction de cet ensemble de valeurs de hachage, supprimez les fichiers de ressources statiques dont le hachage ne figure pas dans cet ensemble.

2. sclean

Sur la base de l'idée ci-dessus, j'ai encapsulé un package npm : sclean.

Il a principalement les fonctions suivantes :

1. Sauvegardez les fichiers du serveur, car la suppression est une opération très dangereuse, vous la sauvegarderez donc avant d'effacer les fichiers expirés. Bien sûr, vous pouvez également sauvegarder manuellement

2. Restaurez les fichiers du serveur dans un état qui était. préalablement sauvegardé (utilisé pour les opérations de récupération après effacement des erreurs

3. Effectuer des opérations d'effacement en fonction de la configuration, telles que la personnalisation du répertoire cible (dist, build), du fichier html (php, jsp), du hachage ; longueur (32, 8) d'attente.

Installer

npm install sclean -g

Effectuer le nettoyage

sclean

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn