【Vite】修改构建后的 index.html 文件名

在 Vite 项目中，默认构建 index.html 。但有时候我们需要修改 index.html 为其他文件名，比如 index-{时间戳}.html 。
我们可以如许配置 vite.config.js：

1. import { defineConfig } from 'vite';
2. import type { PluginOption } from 'vite';
4. // 自定义插件
5. type RenameHtmlPlugin = () => PluginOption;
6. const renameHtmlPlugin: RenameHtmlPlugin = () => {
7.     return {
8.         name: 'rename-index-html',
9.         enforce: 'post',
10.         generateBundle(_, bundle) {
11.             const currentTime = (Date.now() / 1000).toFixed(0);
12.             const newFileName = `index-${currentTime}.html`;
13.             bundle['index.html'].fileName = newFileName;
14.         },
15.     };
16. };
18. export default defineConfig({
19.     // ... 其他配置
20.     plugins: [
21.         // ... 其他插件
22.         renameHtmlPlugin(),
23.     ],
24. });

复制代码

现在，执行 pnpm build 构建出来的就是 index-{时间戳}.html 啦。

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。