zola vite demo

Demostración de Zola + Vite

Esta es una demostración funcional mínima que muestra cómo conectar Zola con Vite sin necesidad de complementos especiales.

• Zola es un generador de sitios estáticos simple e inteligente que utiliza el motor de plantillas Tera con una sintaxis similar a Jinja2/Twig.
• Vite es una herramienta de creación de interfaz similar a Webpack, pero más fácil de configurar.

Tenga en cuenta que este NO es un proyecto inicial ni un modelo estándar.

En esta demostración:

• Zola es responsable del procesamiento de HTML, Vite es responsable del procesamiento de JS y SASS. Si prefiere que Zola procese SASS en lugar de Vite, es trivial configurarlo (consulte los documentos de Zola y mi comentario en main.js).
• Los servidores de desarrollo Zola y Vite se ejecutan al mismo tiempo.
• La recarga en caliente funciona para código HTML, JS y SASS.
• Los comandos están disponibles a través de npm run (consulte package.json).
• Las compilaciones de producción se minimizan: Zola minimiza HTML, Vite minimiza JS y CSS.

como usar

1. Clona el repositorio y cd en el directorio.
2. Ejecute npm install para instalar dependencias.
3. Ejecute npm run dev para ejecutar los servidores de desarrollo Zola y Vite.
4. Abra http://127.0.0.1:1111/ en su navegador. Deberías ver una página que dice “Bienvenido a la demostración de Zola + Vite” y Hello world! en la consola del navegador (como en la captura de pantalla anterior).
5. Realice algunos cambios en templates/index.html O js/main.js O sass/main.scss . La página en http://127.0.0.1:1111/ debería actualizarse instantáneamente con los cambios reflejados en ella.
6. Ejecute npm run build para compilar para uso en producción (los archivos irán al directorio public/ ).

Problemas conocidos

1. No he probado la demostración en Windows.
2. Los documentos de Vite dicen que su entrada debería incluir import 'vite/modulepreload-polyfill' , pero no estoy muy seguro de su propósito (ver main.js).
3. Si http://localhost:3000/@vite/client le da 404, primero debe abrir http://127.0.0.1:1111/. Si todavía no funciona, mira esto.

¿Sugerencias, preguntas?

Simplemente abra un problema. Tenga en cuenta que los problemas no relacionados con el propósito de este repositorio se marcarán como cerrados.