dimtrovich / blitzphp-vite
Integration de viteJs au framework BlitzPHP
Requires
- php: ^8.1
- blitz-php/framework: ^0.11
Requires (Dev)
- blitz-php/coding-standard: ^1.4
- kahlan/kahlan: ^5.2
- phpstan/phpstan: ^1.4.7
README
BlitzPHP + viteJs
Integration de ViteJs pour BlitzPHP
BlitzPHP Vite est un package qui vise à intégrer vitejs avec BlitzPHP de manière simple.
Caractéristiques:
- ⏱️ Configuration quasi nulle
- 🧩 Facile à installer et à supprimer
- 🔨 Facile à personnaliser
- ✌️ Prise en charge des frameworks les plus utilisés :
react
,vue
etsvlete
. - 🔥 Profitez du remplacement du module à chaud (HMR)
Installation:
composer require dimtrovich/blitzphp-vite
puis depuis la racine de votre projet, exécutez :
php klinge vite:init --framework=<framework>
remplacez <framework>
par vue
, react
, svelte
ou none
ou vous pouvez simplement exécuter :
php klinge vite:init
notre copain klinge
s'occupera du reste pour vous 🙃
Commencer:
- Installez vos dépendances de node :
npm install
- Démarrez le serveur vite :
npm run dev
- Démarrez le serveur blitzphp:
php klinge serve
ou accédez-y via votre hôte virtuel. - C'est tout =)
NOTE:
npm run dev
n'est pas l'endroit où vous devriez travailler, son objectif principal est de servir des actifs, tels que des scripts ou des feuilles de style. une fois que vous construisez vos fichiers, cela devient inutile mais tant qu'il sera exécuté, le package l'utilisera à la place des fichiers fournis. Assurez-vous donc d'accéder à votre projet depuis le serveur BlitzPHP ou un hôte virtuel.
Construisez vos fichiers :
pour regrouper vos fichiers, exécutez :
npm run build
cette commande générera les actifs regroupés dans votre répertoire public. mais comme nous l'avons déjà dit, tant que le serveur vite est en cours d'exécution, le package l'utilisera à la place des fichiers groupés, alors assurez-vous de l'arrêter lorsque vous aurez terminé le développement.
Désinitialiser :
La commande composer remove dimtrovich/blitzphp-vite
supprimera le package, mais les fichiers générés y resteront (package.json, vite.config.js, etc...).
donc pour éviter cela, assurez-vous d'abord d'exécuter la commande suivante :
php klinge vite:remove
Cette commande fera ce qui suit :
- supprimer
package.json
,packages.lock.json
etvite.config.js
. - supprimer le dossier
ressources
. - Et enfin restaurer votre fichier
.env
.
🔥 Need a quick start?
Check out our starter apps for svelte and vue.
Contributions
Toutes les contributions sont les bienvenues, peu importe que vous sachiez coder, rédiger de la documentation ou aider à trouver des bogues. n'hésitez pas à utiliser des issues ou des pull request.
Licence
MIT License © 2023 Dimitri Sitchet Tomkeu