vite-plugin-html-env 

A Vite Plugin for rewriting html

English | 简体中文

Usage

``sh
npm install --save-dev vite-plugin-html-env

or

yarn add vite-plugin-html-env -D
`

`js
// vite.config.js
import VitePluginHtmlEnv from 'vite-plugin-html-env'

export default {
plugins: [
VitePluginHtmlEnv(),
// or
// VitePluginHtmlEnv({
// CUSTOM_FIELD
// })

// Customizable prefixes and suffixes
// VitePluginHtmlEnv({
// prefix: '<{',
// suffix: '}>',
// envPrefixes: ['VITE_', 'CUSTOME_PREFIX_']
// })

// Enable new compile mode by default
// 1. add directives => vite-if, vite-else
// 2. Compatible with import.meta.env.VITE_APP__**
// If there are compatibility issues with the new version, please raise the issue or submit a merge request, I will deal with it promptly in my personal free time.
VitePluginHtmlEnv({
compiler: true
// compiler: false // old
})
]
}
`

It is recommended to use VITE_APP_ as the key prefix.

`


.env

VITE_APP_TITLE=测试标题
VITE_APP_HOST=dev.sever**.com

.env.build-prod

VITE_APP_TITLE=生产标题
VITE_APP_HOST=prod.sever.**.com
`

`json
{
"scripts": {
"start": "vite",
"build": "tsc && vite build",
"build:prod": "tsc && vite build --mode build-prod",
}
}
`

By default, the local environment reads the .env file.Read the corresponding .env.* file, when you configure the --mode command.Vite configuration instructions for .env files Env Variables and Modes

`html




































`

Options

$3

- Type: string
- Default: '<{'

$3

- Type: string
- Default: '}>'

$3


Set the prefixes attribute of the loadEnv method in dev mode, vite uses VITE_ as the prefix of environment variables by default.

- Type: string | string[]
- Default: VITE_

$3

- Type: boolean
- Default: true

The new version of the plugin is enabled by default, and the template compilation mode is added, which contains new directives vite-if and vite-else, new parsing rules import.meta.env.VITE_APP_*.

$3


- Type: string
- Default: null

The value of enforce can be either "pre" or "post". plugin-ordering

$3

- Type: boolean
- Default: false`

Simple compression: remove spaces and line breaks