import export et cache

**Doksuri** · 14/01/2020, 16h39

j'ai un probleme que personne ne semble s'etre pose ...

admettons ce petit POC :
index.html

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>POC import-export</title>
</head>
<body>
poc
<script type="module" src="script.js"></script>
</body>
</html>

script.js

Code javascript :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
import {test} from './poc_export.js';
test('ok');

poc_export.js

Code javascript :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
export function test(str) {
console.log(str);
}

quand on charge la page, pas de probleme, tout les scripts se telechargent bien... mais derriere, du cache se cree : cache navigateur, cache sur les CDN, etc...

comment "forcer" un re-telechargement du fichier poc_export.js si je fais une modif dedant ?
je sais bien qu'on peut import {test} from './poc_export.js?ts=12345';, mais c'est naze comme solution, je ne vais pas mettre un TS partout ou j'import mon fichier...

**Marco46** · 14/01/2020, 16h59

On est pas censé livrer nos applications sous cette forme mais via un livrable généré par un bundler qui lui va ajouter aux fichiers du livrable des empreintes numériques qui permettent de passer outre le cache.

Donc tu n'auras pas un fichier script.js et un fichier poc_export.js mais un fichier app-<hash>.js. A chaque fois que ton code va changer le hash sera différent donc pas de cache qui t'embête.

Cf webpack ou parcel ou rollup.

L'apprentissage de webpack est assez exigeant il faut vraiment bien lire toute la documentation mais ça vaut vraiment le coup, il faut compter 2 ou 3 jours à tester la bête pour commencer à bien maîtriser.

Ça te gérera aussi ton serveur de dev et les problèmes de caches qui vont avec ainsi que le live reload et plein d'autres choses. C'est vraiment indispensable en 2020 d'utiliser ce type d'outil.

**Doksuri** · 14/01/2020, 17h04

quel est l'interet de proposer une evolution, si derriere on est oblige de faire du post-script ?

quand les devs ont fait les imports/export, ils se sont pas dit "tiens, faudrai pouvoir purger le cache, ca pourrait etre sympas pour les devs"

**Marco46** · 14/01/2020, 19h20

C'est pas du post-script, c'est la différence entre un code source et son livrable.

import export et cache

JavaScript

Discussions similaires

Partager

Partager