Vue记录前端编译打包时间，并展示到页面

code虾米

已于 2024-06-18 16:57:40 修改

阅读量414

点赞数 4

文章标签：前端

于 2024-06-17 16:27:25 首次发布

本文链接：https://blog.csdn.net/weixin_45304375/article/details/139747432

版权

在做产品的时候我们会遇到记录前端打包时间的情况，那么怎么去实现呢？

1 首先，在vue.config.js里写入，通过fs将时间写入json文件

const fs = require('fs');
const versionJSON = {
    "compileTime": new Date().getTime()
}
fs.writeFile("./src/utils/versionJSON.json", JSON.stringify(versionJSON), (err)=>{
    console.log('文件写入成功');
})

这样在每次构建项目的时候会将时间重新写入到json文件里面。

2 显示到前端页面

在需要的页面里引入json文件即可

import versionJSON from '@/utils/versionJSON.json'
import moment from 'moment';

let compileTime = ''

compileTime = moment(versionJSON.compileTime).format('YYYY-MM-DD HH:mm:ss')

打包时打印写入成功