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

server/2025/3/18 23:57:26/

如果你是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中加入配置:

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

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


http://www.ppmy.cn/server/176087.html

相关文章

通向AGI的未来之路!首篇2D/视频/3D/4D统一生成框架全景综述(港科大中山等)

文章链接: https://arxiv.org/pdf/2503.04641 摘要 理解并复现现实世界是人工通用智能(AGI)研究中的一个关键挑战。为实现这一目标,许多现有方法(例如世界模型)旨在捕捉支配物理世界的基本原理&#xff0…

【Mac】安装 Parallels Desktop、Windows、Rocky Linux

一、安装PD 理论上,PD只支持试用15天!当然,你懂的。 第一步,在 Parallels Desktop for Mac 官网 下载 Install Parallels Desktop.dmg第二步,双击 Install Parallels Desktop.dmg 第三步,双击安装Paralle…

SpringBoot快速入门

文章目录 Spring boot框架Spring Boot特性的核心快速搭建Spring Boot项目Maven依赖管理依赖配置依赖传递依赖排除Maven Help插件 Maven仓库本地仓库中央仓库私服配置国内源Spring Boot的jar包和普通jar包的区别 什么是脚手架?目录介绍为什么要以继承父工程的方式引入…

企业安全——密码学基础

0x00 前言 密码学的内容一直都是零零散散的,学一遍忘一遍,对于这些很少用到的内容,只能这样子去进行重复,效率低从此没有效率会稍微好一点。 总会比说出base64是一种加密方式贻笑大方的好一点。 0x01 密码学的目的 密码学的主要…

kettle的转换中sql不按设计顺序执行原因分析与解决办法

1.问题描述 如图,通过箭头指定多个SQL脚本的先后顺序,实际各个sql没有阻塞,没有等待,几乎是并行,与预期不符。 2.原因 转换文件(.ktr) 用于控制数据的流量,比如表输入指向表输出节…

常见框架漏洞

ThinkPHP 框架漏洞 thinkphp是一个国内轻量级的开发框架,采用phpapache,在更新迭代中,thinkphp也经常爆出各种漏洞,thinkphp一般有thinkphp2、thinkphp3、thinkphp5、thinkphp6版本,前两个版本已经停止更新&#xff0…

Mybatis语法bug

select * from appointment where status ‘ACCEPTED’ and expire_time< now() idea显示now&#xff08;&#xff09;这里一直报错&#xff1a; 应为标记名称 应为 Deepseek: 根据您的代码和报错信息分析&#xff0c;这是一个 MyBatis XML 文件中的 SQL 语法问题。具体原…

C#+EF+SqlServer性能优化笔记

文章目录 前言一、C#EF 代码优化1.接口代码改异步2.查询异步&#xff0c;只查询需要的数据3.查询数据判断时4.直接使用sql查询 二、数据库优化1.减少关联表&#xff0c;一些基础数据&#xff0c;字典表可以考虑放到redis中&#xff0c;在代码中映射2.增加索引&#xff0c;删除无…