vite-plugin-env-html

A vite plugin for env variables in html file

install

1npm i vite-plugin-env-html -D

usage

vite.config.js

1import { defineConfig, loadEnv } from 'vite'
2import htmlPlugin from 'vite-plugin-env-html'
3
4export default defineConfig(({ mode }) => {
5  const env = loadEnv(mode, process.cwd(), '')
6
7  return {
8    plugins: [htmlPlugin(env)]
9  }
10})

.env

VITE_APP_NAME=awesome

index.html

1<title>%VITE_APP_NAME%</title>