前端打包时自动更新版本号

updateVersion.js

复制代码
// changeVersion.js
const fs = require("fs");

// 读取package.json并返回JSON对象(带异常处理)
const getPackageJson = () => {
	try {
		const data = fs.readFileSync("./package.json", "utf8");
		return JSON.parse(data);
	} catch (err) {
		console.error("读取package.json失败:", err);
		process.exit(1); // 读取失败时终止程序
	}
};

// 生成 年-月-日 HH:mm:ss 格式的时间字符串
const getFormattedVersion = () => {
	const now = new Date();
	// 手动获取各时间部分,确保补零(如1月→01,9分→09)
	const year = now.getFullYear(); // 4位年(如2025)
	const month = String(now.getMonth() + 1).padStart(2, "0"); // 月份从0开始,补零到2位
	const day = String(now.getDate()).padStart(2, "0"); // 日期补零到2位
	const hour = String(now.getHours()).padStart(2, "0"); // 小时补零到2位
	const minute = String(now.getMinutes()).padStart(2, "0"); // 分钟补零到2位
	const second = String(now.getSeconds()).padStart(2, "0"); // 秒补零到2位

	// 拼接成 年-月-日 HH:mm:ss 格式
	return `${year}-${month}-${day} ${hour}:${minute}:${second}`;
};

// 主逻辑:更新版本号并写入文件
const updateVersion = () => {
	const packageData = getPackageJson();
	// 生成指定格式的cloneVersion
	packageData.cloneVersion = getFormattedVersion();

	// 写入文件(保留缩进,确保JSON格式美观)
	fs.writeFile(
		"./package.json",
		JSON.stringify(packageData, null, "\t"),
		(err) => {
			if (err) {
				console.error("版本号写入失败:", err);
			} else {
				console.log("版本号写入成功:", packageData.cloneVersion);
				// 示例输出:版本号写入成功:2025-12-30 10:45:30
			}
		}
	);
};

// 执行更新
updateVersion();

使用

复制代码
<template>
	<H2>{{ `打包时间:${currentVersion}` }}</H2>
</template>

<script>
import packageVersion from "../../../package.json";
export default {
	name: "",
	components: {},
	data() {
		return {
			currentVersion: packageVersion.cloneVersion || "",
		};
	},
	methods: {},
	watch: {},
};
</script>

在webpack打包命令前加入node updateVersion.js &&

复制代码
"scripts" : {
   "build": "node updateVersion.js && npm run command host=default "
}

就可以看是什么时候打的包了

相关推荐
云水一下5 小时前
Vue.js从零到精通系列(三):组件化基础——Props、Emits、插槽与生命周期
前端·javascript·vue.js
SEO_juper6 小时前
新独立站冷启动收录全攻略:配置、推送、抓取配额优化完整手册
前端·谷歌·seo·跨境电商·外贸·geo·独立站
TinssonTai6 小时前
这个 VS Code 插件让我的 AI Coding 又快又稳 - 旧瓶装新酒
前端·人工智能·程序员
体验家6 小时前
体验家 XMPlus 网页端问卷 SDK 技术解析:用几行 JavaScript 实现精准场景触发与防打扰机制
开发语言·前端·javascript
Maimai108086 小时前
Web3 前端交易系统如何落地:从下单 UI 到 Operation 编码、签名与实时状态更新
前端·react.js·ui·架构·前端框架·web3
kidding7236 小时前
高效备忘清单工具类小程序
前端·计算机网络·微信小程序·小程序
IMPYLH7 小时前
HTML 的 <abbr> 元素
前端·算法·html
李白的天不白7 小时前
Tree-Shaking
前端
Csvn7 小时前
TypeScript:你以为安全的 `JSON.parse` 其实是颗雷 — 运行时类型安全实战
前端·javascript
橘子星7 小时前
深入理解线性数据结构:栈、队列与链表
前端·javascript