zola vite demo

Demonstração Zola + Vite

Esta é uma demonstração mínima de trabalho que mostra como você pode conectar perfeitamente o Zola ao Vite sem plug-ins especiais.

• Zola é um gerador de site estático simples e inteligente que usa o mecanismo de template Tera com uma sintaxe semelhante a Jinja2/Twig.
• Vite é uma ferramenta de construção de frontend semelhante ao Webpack, mas mais fácil de configurar.

Observe que este NÃO é um projeto inicial ou um modelo.

Nesta demonstração:

• Zola é responsável pelo processamento de HTML, Vite é responsável pelo processamento de JS e SASS. Se você preferir que o Zola processe o SASS em vez do Vite, é trivial configurá-lo (consulte a documentação do Zola e meu comentário em main.js).
• Os servidores de desenvolvimento Zola e Vite funcionam lado a lado.
• A recarga a quente funciona para código HTML, JS, SASS.
• Os comandos estão disponíveis via npm run (consulte package.json).
• As compilações de produção são minimizadas: Zola minimiza HTML, Vite reduz JS e CSS.

Como usar

1. Clone o repositório e cd no diretório.
2. Execute npm install para instalar dependências.
3. Execute npm run dev para executar os servidores de desenvolvimento Zola e Vite.
4. Abra http://127.0.0.1:1111/ no seu navegador. Você deverá ver uma página que diz “Bem-vindo à demonstração Zola + Vite” e Hello world! no console do navegador (como na imagem acima).
5. Faça algumas alterações em templates/index.html OR js/main.js OR sass/main.scss . A página em http://127.0.0.1:1111/ deve ser atualizada instantaneamente com suas alterações refletidas nela.
6. Execute npm run build to build para uso em produção (os arquivos irão para o diretório public/ ).

Problemas conhecidos

1. Não testei a demonstração no Windows.
2. Os documentos do Vite dizem que sua entrada deve incluir import 'vite/modulepreload-polyfill' , mas não tenho certeza sobre sua finalidade (consulte main.js).
3. Se http://localhost:3000/@vite/client fornecer 404, você precisará abrir http://127.0.0.1:1111/ primeiro. Se ainda não funcionar, veja isto.

Sugestões, dúvidas?

Basta abrir um problema. Observe que questões não relacionadas ao propósito deste repositório serão marcadas como encerradas.