Vite.config.ts的html选项

在Vite项目中，Vite.config.ts是Vite的配置文件，用于配置项目的各种选项。其中，html选项用于配置HTML相关的设置。

在Vite.config.ts中，可以通过html选项来配置生成的HTML文件的相关设置，包括页面标题、模板文件、输出路径等。

具体来说，html选项可以包含以下配置项：

1. `title`：设置生成的HTML文件的标题。
2. `template`：指定自定义的HTML模板文件路径。可以使用自定义的HTML模板来替换默认的模板。
3. `filename`：指定生成的HTML文件的输出路径和文件名。
4. `inject`：控制是否将构建后的资源自动注入到HTML文件中。可以设置为true、false或者"body"、"head"，分别表示自动注入到body标签或head标签中。
5. `minify`：控制是否对生成的HTML文件进行压缩。可以设置为true或false。
6. `chunks`：指定需要注入到HTML文件中的特定代码块。

下面是一个示例的Vite.config.ts文件中html选项的配置：

import { defineConfig } from 'vite';

export default defineConfig({
  // 其他配置项...
  build: {
    // 其他构建配置项...
    rollupOptions: {
      // 其他Rollup配置项...
    },
  },
  server: {
    // 其他服务器配置项...
  },
  // HTML配置项
  html: {
    title: 'My App',
    template: 'public/index.html',
    filename: 'index.html',
    inject: true,
    minify: true,
    chunks: ['main'],
  },
});