javascript - Le développement front-end est fréquemment modifié. Comment résoudre le problème de cache lors de la prévisualisation?

Question

Notre société télécharge le projet de SVN vers le local, puis le télécharge sur le serveur après l'avoir modifié localement.
Le problème est maintenant que lorsque plusieurs styles sont modifiés localement ou que des js liés en externe sont prévisualisés dans le navigateur, les modifications ne sont pas visibles pour des raisons de cache, et le cache ne peut être vidé que manuellement. Cependant, c'est plus gênant lors des modifications. sont fréquents. Après avoir examiné la méthode d'ajout d'horodatages à fis, il semble que le projet ne soit reconfiguré que lors du déploiement ou de la mise à jour. Existe-t-il une bonne méthode pour ce genre de modification locale relativement fréquente ?

为情所困 · Answer

Désactivez le cache via Chrome
outils de développement Chrome > réseaux > cache désactivé, voir l'image ci-dessous

PHP中文网 · Answer

Ajouter le numéro de version après les fichiers CSS et JS

phpcn_u1582 · Answer

Vous pouvez utiliser le plug-in de nettoyage du cache de Chrome. Cliquez simplement sur le bouton de ce plug-in à chaque fois que vous actualisez la page. Vous n'avez pas besoin du bouton d'actualisation de Chrome.

我想大声告诉你 · Answer

Il est recommandé d'utiliser un outil de construction tel que webpack ou gulp Lors de la construction du projet, mettez le numéro de version après le fichier pour déclencher la requête du navigateur.

给我你的怀抱 · Answer

Développer et déployer du code front-end

ringa_lee · Answer

Après chaque modification, vous pouvez ajouter un horodatage après le fichier pour vous assurer que le fichier demandé est un fichier nouvellement modifié, comme suit