#

Compilando PrettyBlocks

Si lo deseas, puedes ayudarnos a hacer la experiencia del usuario aún más enriquecedora. Puedes compilar y extender las funcionalidades de PrettyBlocks

Utiliza las siguientes tecnologías:

• Vue 3
• Tailwind CSS
• ViteJS (empaquetador)

Ve a la carpeta _dev del módulo PrettyBlocks

Luego instala las dependencias: npm install

A continuación, inicia el servidor de desarrollo:

npm run dev

Y finalmente, para utilizar HMR (recarga de módulos en caliente)

Para versiones 3.1 y superiores: Modifica los parámetros en tu archivo .env: PRETTYBLOCKS_VITE_DEV=true y si es necesario, la URL de VITEJS que por defecto es: PRETTYBLOCKS_VITE_HOST=http://localhost:3002/'

Para versiones posteriores a 3.1, utiliza este método: Modifica la vista: modules/prettyblocks/views/templates/admin/index.html.twig

y cambia la variable {% set vitedev = false %}

a true

{% set vitedev = true %}

Si el servidor devuelve una dirección diferente a http://localhost:3002

Reemplaza esta URL en las siguientes líneas con la URL del servidor de desarrollo:

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

reemplaza {% set vitedev = false %}

Finalmente, (para todas las versiones) una vez que hayas terminado tus modificaciones, ejecuta:

npm run build

Puedes enviarnos una solicitud de extracción (pull request), y estaremos encantados de discutirla contigo! :)