vue3 vite.config.ts 如何增加构建时间,并展示在index.html里面
1. 首先需要安装vite-plugin-html插件
yarn add vite-plugin-html -D
or
npm install vite-plugin-html -D
2. 在vite.config.ts文件中增加如下代码:
import { createHtmlPlugin } from 'vite-plugin-html'
plugins: [
createHtmlPlugin({
minify: true,
pages: [
{
template: 'index.html',
filename: 'index.html',
injectOptions: {
data: {
title: 'vite-app',
buildTime: new Date().toLocaleString()
}
}
}
]
})
],
3. index.html里面如何使用?
<meta name="build-time" content="<%- buildTime%>" />
<title><%- title%></title>


浙公网安备 33010602011771号