526互联

vue3 vite.config.ts 如何增加构建时间，并展示在index.html里面

发布时间 2023-12-09 17:54:15作者: wjs0509
  1. 首先需要安装vite-plugin-html插件
  2. 在vite.config.ts文件中增加如下代码：
plugins: [
  createHtmlPlugin({
     minify: true,
     pages: [
       {
         template: 'index.html',
         filename: 'index.html',
         injectOptions: {
           data: {
             title: 'vite-app',
             buildTime: new Date().toLocaleString()
           }
         }
      }
    ]
  })
],
  1. index.html里面如何使用？
<meta name="build-time" content="<%- buildTime%>" />
<title><%- title%></title>