vite插件替换 html 中的自定义环境变量，自动添加 html 编译后的环境注释

最新推荐文章于 2024-09-22 09:30:56 发布

zero笨小孩

最新推荐文章于 2024-09-22 09:30:56 发布

阅读量808

点赞数

分类专栏：翻“坑”奇遇记文章标签： html 前端 vue react

本文链接：https://blog.csdn.net/SAXX2/article/details/134551984

版权

翻“坑”奇遇记专栏收录该内容

24 篇文章 0 订阅

订阅专栏

npm i @zrcode/vite-zero-env-plugin

转换前

<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>
<env% Alo7-AI@Beta111 %env>
</title>
</head>

<body>
<div>
<env% VITE_APP_SERVER %env>
</div>

</body>

</html>

转换后

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Alo7-AI@Beta111</title>
</head>

<body>
<div>sadasdasdas222a</div>
</body>
</html>

类型提示：

declare interface EnvDescParams {
date: string;
mode: string;
version: string;
name: string;
}
declare interface ZeroEnvOptions {
envPath?: string; //环境变量文件目录默认为项目根目录
indexPath?: string; //index.html文件目录默认为项目根目录
defaultDesc?: boolean; //是否使用默认环境注释
envDesc?: (params: EnvDescParams) => string; //环境注释函数，返回字符串
}
declare function ZeroEnv(options?: ZeroEnvOptions): Plugin;