当前位置: 首页 > article >正文

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

如果你是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.kler.cn/a/585813.html

相关文章:

  • Centos7系统基于docker下载ollama部署Deepseek-r1(GPU版不踩坑)
  • plantuml画甘特图gantt
  • SpringBoot中使用AJ-Captcha实现行为验证码(滑动拼图、点选文字)
  • stm32u5
  • std::stack和std::queue
  • iOS OC匹配多个文字修改颜色和字号
  • Language Models are Few-Shot Learners,GPT-3详细讲解
  • 【最后203篇系列】014 AI机器人-2
  • E2PRAM
  • 二叉树的所有路径
  • Python 与 JavaScript 交互及 Web 逆向分析全解析
  • 手机遥控开关技术解析与应用指南
  • C 语言分支与循环:构建程序逻辑的基石
  • 字符串哈希
  • 【硬件测试】基于FPGA的16PSK+帧同步系统开发与硬件片内测试,包含高斯信道,误码统计,可设置SNR
  • 数学建模之数学模型-3:动态规划
  • C# 集合
  • 卷积神经网络(CNN)之 EfficientNet
  • 【RTSP】客户端(三) 音频相关
  • 计算机视觉算法实战——花卉识别(主页有源码)