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>

posted @ 2023-12-09 17:50  wjs0509  阅读(490)  评论(0)    收藏  举报