@hono/vite-build weekly downloads statistics

@hono/vite-build

@hono/vite-build is a set of Vite plugins for building Hono applications with Vite. It supports multiple runtimes and platforms, allowing you to build a project that includes JavaScript files for these platforms from a Hono app.

Here are the modules included:

• @hono/vite-build/base • @hono/vite-build/cloudflare-pages • @hono/vite-build/cloudflare-workers • @hono/vite-build/bun • @hono/vite-build/node • @hono/vite-build/netlify-functions • @hono/vite-build/vercel

Usage

Install

You can install vite and @hono/vite-build via the npm.

Or you can install them with Bun.

Settings

Add "type": "module" to your package.json. Then, create vite.config.ts and edit it. The following is for Bun.

Build

Just run vite build.

Or

Run

Run with the command on your runtime. For examples:

Cloudflare Pages:

Bun:

Node.js:

Common Options

Default values:

Platform specific things

Cloudflare Pages

This plugin generates _routes.json automatically. The automatic generation can be overridden by creating a public/_routes.json. See Create a _routes.json file on Cloudflare Docs for more details.

Vercel

By default, the Vercel adapter emits a single function named __hono and a catch-all route.

To emit multiple functions, add the Vercel adapter multiple times in plugins.

If vercel.routes is omitted, the adapter generates ^/(?:/.*)?$. If vercel.name is omitted, the adapter uses __hono.

Example project

src/index.tsx:

public/static/style.css:

The project with those file will be built to the following files with @hono/vite-build/bun:

Build a client

If you also want to build a client-side script, you can configure it as follows.

The build command:

import.meta.env.PROD is helpful in detecting whether it is in development or production mode if you are using it on a Vite dev server.

Example

You can see the example project here - hono-vite-jsx

Authors

• Yusuke Wada

License

MIT

Description from the npm listing.