百科.dev
全部条目在线工具AI 编程趋势榜开源项目技术资讯提交条目
登录
< 返回工具列表
V

vite-plugin-html

> 编程语言
开源

一个用于处理 HTML 的 Vue.js 插件。它基于 lodash 模板开发。

685 stars0 点赞1 次浏览
访问官网GitHub

工具介绍

一个用于处理 HTML 的 Vue.js 插件。它基于 lodash 模板开发。

vite-plugin-html

English | 中文

特性

  • HTML 压缩功能
  • EJS 模板功能
  • 支持多页应用程序
  • 支持自定义 entry
  • 支持自定义 template

安装 (yarn 或 npm)

节点版本: >=12.0.0 vite 版本: >=2.0.0

bash
yarn add vite-plugin-html -D

或

bash
npm i vite-plugin-html -D

使用方法

  • 将 EJS 标签添加到 index.html, 例如
xml

  
  
  
  
  
  • 在 vite.config.ts 中配置,此方法可以根据需要引入所需的函数
…

多页应用程序配置

…

参数说明

createHtmlPlugin(options: UserOptions)

用户选项

参数 类型 默认值 描述
entry string src/main.ts 入口文件路径
template string index.html 模板的相对路径
inject InjectOptions - 向 HTML 中注入数据
minify boolean|MinifyOptions - 是否对 HTML 进行压缩
pages PageOption - 多页面配置

InjectOptions

参数 类型 默认值 描述
data Record - 注入的数据
ejsOptions EJSOptions - ejs 配置选项 EJSOptions
tags HtmlTagDescriptor - 要注入的标签列表
在 html 中可以使用 ejs 模板语法来访问 data

Env 注入

默认情况下,内容 o

Issues· 0 开放

查看全部 Issues在 GitHub 打开

暂无开放 Issues,或尚未同步最近议题。

> 标签

TypeScript

暂无评论,来聊聊你的看法吧

> 工具信息

发布日期2026年8月1日
最后更新2026年9月17日
分类编程语言
定价开源

> 相关工具

T
TypeScript
JavaScript 的超集,为前端与全栈提供静态类型
P
Python
通用编程语言,广泛用于 Web、数据与 AI
G
Go
Google 推出的简洁高效系统语言