| .. | ||
| assets | ||
| css | ||
| src | ||
| templates | ||
| .gitignore | ||
| Cargo.toml | ||
| README.md | ||
| tailwind.config.js | ||
Pré-requis
- Récupérer le binaire TailwindCSS : https://tailwindcss.com/blog/standalone-cli
Exécution
- Lancer tailwindcss en mode watch dans un terminal :
./tailwindcss -i css/input.css -o assets/css/style.css --watch
- Lancer le serveur web dans un autre terminal :
cargo run --bin app
Rechargement automatique (auto-reload)
Pour le projet app, nous utilisons en plus de cargo-watch ses librairies :
systemfdpermet de redémarrer un serveur sans interrompre les connexions en cours, il transmet le descripteur de fichier du socket à une nouvelle instance du serveur (exemple:cargo watch -x run-->systemfd --no-pid -s http::3000 -- cargo watch -x run). Si le port est déjà pris il en prendra un autre.listenfdpermet, côté Rust, de démarrer un serveur en utilisant des connexions déjà ouvertes.
La librairie systemfd ne fait pas partie des dépendances du projet, il faut donc l'installer avec la commande suivante :
cargo install systemfd
Pour notre application voici la commande à lancer :
systemfd --no-pid -s http::3000 -- cargo watch -x 'run --bin app'
Chargement à chaud (livereload)
Pour que notre navigateur rafraîchisse automatique notre page lorsque le serveur a été recompilé, nous utilisons la librairie tower-livereload.
A chaque changement, que ça soit sur du code en Rust, HTML, CSS ou JS alors le navigateur va recharger entièrement la page.
Nous filtrons les requêtes de htmx pour ne pas inclure le script JS qui gère le rechargement (Référence).
En Rust, il n'existe pas encore d'outil de Hot Reload complet et intégré comme on en trouve dans d'autres environnements de développement web, comme pour Node.js.