Versionner ses fichiers Javascript et CSS

Kevin Hale de Particletree nous propose un moyen rapide de « versionner » ses fichiers Javascript et CSS pour permettre aux navigateurs de les garder en cache tant et aussi longtemps que le fichier n’a pas été modifié sur le serveur.

J’utilise une technique similaire depuis un bout de temps, comme peut en témoigner le code source de ce site Web :

<style type="text/css">
    @import url("http://remiprevost.com/public/css/screen.css?v20070821");
    @import url("http://remiprevost.com/public/css/code.css?v20070805");
</style>

Cependant, je dois aller modifier le v20070821 à la main. Également, certains navigateurs ne mettent pas en cache les fichiers qui comportent une querystring…

La méthode de Kevin Hale est franchement meilleure — elle combine .htaccess et PHP pour générer des noms de fichiers « statiques » (eg. screen.20070821.css) comportant automatiquement la dernière date de mise à jour.

Définitivement quelque chose que j’implanterai sur ce blogue, à l’aide de CodeIgniter.