vue/react/vite前端项目打包的时候加上时间最简单版本,防止后端扯皮

如果你是vite项目,直接写一个vite的插件,通过这个插件可以动态注入环境变量,然后当打包的时候,自动注入这个时间到环境变量中,然后在项目中App.vue中或者Main.tsx中打印出来,这就知道是什么时候编译的项目了,防止扯皮

在项目根目录创建一个文件夹然后创建一个vite插件:

插件代码如下:

javascript 复制代码
// 自定义 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中加入配置:

这个时候在项目中打印这个环境变量就好了:

启动项目,然后就可以看到打印的时间了:

相关推荐
冷琴199621 分钟前
基于Python+Vue开发的旅游景区管理系统源码+运行步骤
vue.js·python·旅游
IT、木易26 分钟前
大白话阐述react和vue高阶组件的概念、优势及应用场景,以及区别,给出简单高阶组件的实现代码
前端·vue.js·react.js
HaanLen27 分钟前
React19源码系列之FiberRoot节点和Fiber节点
前端·javascript·react.js
冴羽38 分钟前
SvelteKit 最新中文文档教程(3)—— 数据加载
前端·javascript·svelte
百万蹄蹄向前冲1 小时前
组建百万前端梦之队-计算机大学生竞赛发展蓝图
前端·vue.js·掘金社区
云隙阳光i1 小时前
实现手机手势签字功能
前端·javascript·vue.js
imkaifan1 小时前
vue2升级Vue3--native、对inheritAttrs作用做以解释、声明的prop属性和未声明prop的属性
前端·vue.js·native修饰符·inheritattrs作用·声明的prop属性·未声明prop的属性
小程序设计1 小时前
【2025】基于springboot+vue的宠物领养管理系统(源码、万字文档、图文修改、调试答疑)
vue.js·spring boot·宠物
觉醒法师2 小时前
HarmonyOS NEXT - 电商App实例三( 网络请求axios)
前端·华为·typescript·axios·harmonyos·ark-ts
小程序设计2 小时前
【2025】基于springboot+vue的体育场馆预约管理系统(源码、万字文档、图文修改、调试答疑)
vue.js·spring boot·后端