Formation HTMX | Installation
Légère, sans dépendances et extensible, voici comment installer HTMX dans vos projets.
Installez HTMX en quelques clics et commencez à doper vos balises HTML.
Une bibliothèque à la taille de guêpe
Dans la famille des librairies JS sans prise de tête, je demande HTMX !
Pourquoi cela ? Car HTML est une librairie JS :
- Légère puisqu’elle pèse moins de
14 Ko - Sans dépendance externe, ce qui est un réel gage de tranquilité 🌱
- Extensible puisqu’il est possible d’y greffer des extensions pour en étendre les capacités si nécessaire
- Orientée navigateur. Il n’est pas nécessaire de l’inclure dans un build côté serveur (via Node.js par exemple). Une balise
<script>, et c’est parti !
Installer HTMX
HTMX propose plusieurs approches pour procéder à son installation.
Via un CDN
Le moyen le plus rapide étant l’usage d’un CDN, tel que l’incontournable unpkg.com.
<script src="https://unpkg.com/[email protected]" integrity="sha384-0gxUXCCR8yv9FM2b+U3FDbsKthCI66oH5IA9fHppQq9DDMHuMauqq1ZHBpJxQ0J0" crossorigin="anonymous"></script>
En local
Pour une utilisation en production, il est recommandé de le télécharger sur votre serveur et de pointer vers lui avec un chemin local :
<script src="/path/to/htmx.min.js"></script>
Via npm
Pour les adeptes de npm, la commande suivante permet de télécharger dans 📂 node_modules :
npm install htmx.org
Cette méthode a l’avantage de proposer une phase de build de HTMX côté serveur avec les outils de votre choix. Cela permet ainsi d’appliquer des mécaniques d’optimisation (minification, concaténation…) sur le fichier source et de l’inclure dans un bundle JS.
La librairie propose même une installation spécifique pour le bundler Webpack.