如果你是vite項目,直接寫一個vite的插件,通過這個插件可以動態注入環境變量,然后當打包的時候,自動注入這個時間到環境變量中,然后在項目中App.vue中或者Main.tsx中打印出來,這就知道是什么時候編譯的項目了,防止扯皮
在項目根目錄創建一個文件夾然后創建一個vite插件:
插件代碼如下:?
// 自定義 Vite 插件,用于生成時間并注入環境變量
export default function buildTimePlugin() {return {name: 'build-time-plugin',config: () => {// 獲取當前時間var currentTime = new Date()// 提取年、月、日、時、分、秒var year = currentTime.getFullYear() // 年var month = String(currentTime.getMonth() + 1).padStart(2, '0')var day = String(currentTime.getDate()).padStart(2, '0') // 日var hours = String(currentTime.getHours()).padStart(2, '0') // 時var minutes = String(currentTime.getMinutes()).padStart(2, '0') // 分var seconds = String(currentTime.getSeconds()).padStart(2, '0') // 秒// 拼接成 YYYY-MM-DD HH:mm:ss 格式var formattedTime = `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`return {define: {// 將時間注入到環境變量中'import.meta.env.BUILD_TIME': JSON.stringify(formattedTime),},}},}
}
然后在vite.config.ts中加入配置:
這個時候在項目中打印這個環境變量就好了:
啟動項目,然后就可以看到打印的時間了: