Bisher habe ich die folgende Methode verwendet, um den Browser zum erneuten Laden meiner JavaScript-Datei zu zwingen, wenn eine neue Version verfügbar war.
%Vor%Mein HTML wird automatisch generiert (z. B. mit PHP), also ist dies einfach zu automatisieren.
Jetzt möchte ich ES6-Module verwenden und meinen gemeinsamen Code importieren. Mein HTML wird:
%Vor% Und app.js enthält den Import:
Nun meine Frage: Wie beeinflusse ich das Caching von common.js im neuen Szenario?
Ich möchte app.js nicht jedes Mal manuell bearbeiten, wenn ich common.js bearbeite. Ich möchte auch, wenn möglich, keine meiner JavaScript-Dateien dynamisch erzeugen / vorverarbeiten.
ES6-Module können PHP-Dateien importieren, die gültige JS ausgeben. Solange Sie auch den richtigen Header setzen, sollten Sie OK sein.
Ihre index.php Datei würde also enthalten:
Und Ihre app.js.php Datei würde enthalten:
Tags und Links javascript browser-cache es6-modules