Configurez Tailwind dans votre projet Vite avec cette seule commande

Bonjour les gars, donner un vent favorable à vos projets Vite peut prendre deux à trois étapes. 
Par exemple dans Vite React,

• Vous devez installer le vent arrière.
• Générez les fichiers de configuration.
• Ajoutez le modèle à ces fichiers.

Mais j'ai créé un package npm qui configure Tailwind avec une seule commande dans votre projet. Il installera Tailwind, générera le fichier de configuration et y ajoutera automatiquement les modèles.

Installation :

npm install -g lazywind

Installez le package globalement. 

puis cours,

lazywind

exécutez cette commande dans le répertoire de votre projet.

Exemple :

Maintenant, configurons un projet React en utilisant Vite

La configuration réagit,

npm create vite@latest client -- --template react

cd client

npm install

Après avoir configuré React et installé les dépendances, vous pouvez exécuter le projet en utilisant :

npm run dev

Configurer Tailwind avec Lazywind

J'espère que vous avez installé lazywind globalement. Exécutez maintenant lazywind dans votre dossier de projet, par exemple, le client est le dossier dans ce cas.

Ce sera le cas,

• Installer Tailwind CSS
• Générer les fichiers tailwind.config.js et postcss.config.js
• Ajoutez les modèles nécessaires.

C'est tout, avec une seule commande.

Lien du package : https://www.npmjs.com/package/lazywind

Votre configuration Tailwind est maintenant terminée. Testez-le et faites-moi part de vos commentaires - J'aimerais l'entendre !

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!