Vite Ruby ⚡️

jekyll-vite is powered by Vite Ruby, which provides additional guides and a configuration reference.

This site is built using jekyll-vite—you can check the site source here.

It also demonstrates how to configure Vite plugins such as vite-plugin-windicss and vite-plugin-components, which greatly improve the authoring experience of styles and Vue components respectively.

Why Vite? 🤔

Jekyll does not have an extensible asset pipeline, which limits the amount of integrations that exist for different languages and preprocessors. By default, assets are not fingerprinted which is problematic for caching.

Vite.js has an extensible architecture and is built on top of rollup.js, and as a result there is an active ecosystem of plugins and tooling available. In addition, it’s no bundling design provides a very fluid authoring experience—changes to your assets are reflected instantly in your browser.