简介：Vite-Plugin-HTML-Env是一款专为Vite框架设计的插件，它能够方便地在构建过程中根据环境变量动态替换HTML文件中的内容，提高开发效率和灵活性。
vite-plugin-html-env 是一个用于在 Vite 项目中重写 HTML 的插件。
安装方法如下：
```shell
npm install --save-dev vite-plugin-html-env
# 或者使用 yarn 安装
yarn add vite-plugin-html-env -D
```
然后，在 `vite.config.js` 文件中引入并配置该插件：
```javascript
import VitePluginHtmlEnv from vite-plugin-html-env;
export default {
plugins: [
VitePluginHtmlEnv(),
// 或者自定义设置
// VitePluginHtmlEnv({
// CUSTOM_FIELD
})
]
}
```
建议使用 `VITE_APP_` 前缀作为环境变量的键。
例如：
```shell
# .env 文件中的示例配置
VITE_APP_TITLE=测试标题
VITE_APP_HOST=dev.sev
```
5星
