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

devtools/2025/3/19 2:04:34/

如果你是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/devtools/168212.html

相关文章

C51 Proteus仿真实验17:数码管显示4×4键盘矩阵按键

说明 按下任意键时,数码管都会显示其键的序号,扫描程序首先判断按键发生在哪一列,然后根据所发生的行附加不同的值,从而得到按键的序号 Proteus仿真 注意: K0、K4、K8、KC右边引脚连接的是P1.0 K1、K5、K9、KD右边引…

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

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

使用Ajax技术进行动态网页的爬虫(pycharm)

Ajax(Asynchronous JavaScript and XML)技术在现代Web开发中广泛应用。 它允许网页在不重新加载整个页面的情况下,通过JavaScript与服务器进行异步通信,动态更新部分内容。这种技术对爬虫的功能和作用产生了显著影响,…

详细讲一下 Webpack 主要生命周期钩子流程(重难点)

1. Webpack 主要生命周期钩子流程 class LifecyclePlugin {apply(compiler) {// 1. 初始化阶段compiler.hooks.initialize.tap(LifecyclePlugin, () > {console.log(1. 初始化 Webpack);});// 2. 开始编译compiler.hooks.beforeRun.tap(LifecyclePlugin, () > {console.…

【后端】【django】抛弃 Django 自带用户管理后,能否使用 `simple-jwt`?

抛弃 Django 自带用户管理后,能否使用 simple-jwt? 一、结论 是的,即使抛弃了 Django 自带的用户管理(AbstractUser 或 AbstractBaseUser),仍然可以使用 django-rest-framework-simplejwt(简称…

Java中接口隔离原则简介和代码举例

简介: 接口隔离原则(Interface Segregation Principle,ISP)是面向对象设计SOLID原则中的“I”,其核心思想是: 定义 客户端不应被迫依赖它不使用的方法。即,一个类对另一个类的依赖应建立在最…

软考中级-数据库-4.4 文件管理与作业管理

主要考点 文件管理: 1、文件的结构和组织 2、文件的目录结构 3、文件存储空间的管理 4、作业调度算法 文件的结构和组织 • 文件的逻辑结构:从用户角度看到的文件组织形式就是文件的逻辑结构,但实际上这些文件在内存上的存放方式可能并不是这…

Hyperlane:轻量、高效、安全的 Rust Web 框架新选择

Hyperlane:轻量、高效、安全的 Rust Web 框架新选择 在 Web 开发的世界中,框架的选择往往决定了项目的效率与未来。Hyperlane,一款基于 Rust 语言打造的轻量级 Web 框架,正以其卓越的性能、简洁的设计和可靠的安全性,…