Using Vite.js ⚡️ to power assets in Hanami web apps

Vite.js is a new frontend tool that provides an enjoyable development experience, using really fast HMR, and is powered by Rollup and esbuild.

Vite Hanami:zap::cherry_blossom: extends Vite Ruby to provide idiomatic tag helpers for Hanami, such as:

    <%= vite_client %>

    <%= vite_stylesheet 'styles' %>
    <%= vite_typescript 'application' %>

The installation script will automatically install the necessary dependencies, and configure a Hanami web app to get started with Vite :zap::cherry_blossom:

1 Like