#

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)

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 %}

Enfin, une fois vos modifications terminées lancez un:

npm run build puis repassez la variable vitedev à false {% set vitedev = false %}

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