https://github.com/adcpd/symfony-vitejs-seed

Utiliser ViteJS avec Symfony 5
https://github.com/adcpd/symfony-vitejs-seed

Last synced: about 7 hours ago
JSON representation

Utiliser ViteJS avec Symfony 5

• Host: GitHub
• URL: https://github.com/adcpd/symfony-vitejs-seed
• Owner: ADCPD
• Created: 2021-03-05T17:16:01.000Z (almost 4 years ago)
• Default Branch: main
• Last Pushed: 2021-03-05T17:23:56.000Z (almost 4 years ago)
• Last Synced: 2024-11-12T00:34:53.688Z (2 months ago)
• Language: PHP
• Size: 104 KB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: readme.md

Awesome Lists containing this project

README

        

## How to use [ViteJs](https://vitejs.dev/) with the Framework Symfony v5

A partir de votre projet SF : 

Créer votre projet ViteJs via la command : 

```

yarn yarn create @vitejs/app viteapp --template react

```

Entrer dans le repo `./viteapp` ensuite créer les dependances via : 

```

yarn

```

Lancer votre env de dev : 

```

yarn dev

```

Builder votre ViteJS manifest + assset : 

```

yarn build

```

si vous etes sur de votre build et il y a pas risque de perdre vos libs :

```

yarn build --emptyOutDir

```

Créer un lien sympôlique dans `/public` pour que React reconnais les images en mode développement :

`ln -s ../assets/ assets`

Vous pouvez vider le cache de votre vite_cache en utilisant la commande 

```

php bin/console cache:pool:clear vite_cache_pool

```

La commande a été deja initialisé dans `cache.yaml`

Lorsque `VITE_DEV=1` , on ai sur un environnement de developpement : 

Pensez à lancer : 

```

yarn dev 

```

Sinon, vous verrez pas vos modification \0/ et vous allez passez en mode panique. Pourquoi mon code ne fonctionne pas ;) 

 

Ensuite vous pouvez faire vos modifications en temps réel et voir les modifications sur votre ecran

 

Lorsque `VITE_DEV=0` , ca veut dire que vous travaillez sur un environnement de production.

Vous allez voir que les fichiers deja surcharger par le fichier manifest.json qui a été crée via la commande 

```

yarn build 

````