vite-plugin-html

一个为 index.html 提供minify和基于EJS模板功能的 Vite 插件。

• minify：压缩index.html代码。
• EJS：给index.html提供访问变量的能力。

安装

yarn add vite-plugin-html --dev

配置文件

build\plugin\html.ts

import { createHtmlPlugin } from 'vite-plugin-html'
export default function configHtmlPlugin() {
  return createHtmlPlugin({
    minify: true,
    inject: {
      data: {
        title: 'my vite app'
      }
    }
  })
}

配置 Vite 插件

build\plugin\index.ts

import configHtmlPlugin  from './html';
export function createVitePlugins(viteEnv: ViteEnv, isBuild: boolean) {
  // ...
  // vite-plugin-html
  vitePlugins.push(configHtmlPlugin()
  // ...
}

配置index.html

<title><%= title %></title>