#

Compiler PrettyBlocks

Si vous le souhaitez, vous pouvez nous aider à rendre l'expérience utilisateur encore plus enrichissante. Vous pouvez compiler et étendre les fonctionnalités de PrettyBlocks

Ce dernier utilise les technologies suivantes:

• Vue 3
• Tailwind CSS
• ViteJS (bundler)

Rendez vous dans le dossier _dev du module PrettyBlocks

puis installez les dépendances: npm install

Lancer ensuite le serveur de développement

npm run dev

Et enfin, pour utiliser le HMR (hot module reload)

Pour les version supérieures ou également à 3.1: Modifier les paramètres dans votre .env: PRETTYBLOCKS_VITE_DEV=true et au besoin l'url de VITEJS qui par défaut est celle ci: PRETTYBLOCKS_VITE_HOST=http://localhost:3002/'

Pour les version Ultérieur à la version 3.1 utilisez cette méthode Modifiez la vue: modules/prettyblocks/views/templates/admin/index.html.twig

et placez la variable {% set vitedev = false %}

à true

{% set vitedev = true %}

Si le serveur vous renvoie une autre adresse que http://localhost:3002

Remplacer cette url dans les lignes suivantes par l'url du serveur de développement:

1{% if vitedev %}
2    <script type="module" src="http://localhost:3002/@vite/client"></script>
3{% endif %}
4<div id="app"></div>
5{% if vitedev %}
6    <script type="module" src="http://localhost:3002/src/main.js"></script>
7{% endif %}

replacez {% set vitedev = false %}

Enfin, (et pour toutes les versions) une fois vos modifications terminées lancez un:

npm run build

Vous pouvez nous faire une pull request et nous serons ravis d'échanger à ce sujet :)