vue 记录编译打包时间并在前端展示

1. 创建一个json文件
2. 在vue.config.js中调用fs方法将时间作为内容写入文件

const fs = require('fs');
const versionJSON = {
    "compileTime": new Date().getTime()
}

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

module.exports = {

}

3. 在需要展示版本时间的组件中引入我们创建的文件

<template>
    <div>
        <h1>{{compileTime}}</h1>
    </div>
</template>
<script>
import versionJSON from "../utils/versionJSON.json";
import moment from "moment";

export default {
    data(){
        return {
            compileTime: ''
        }
    },
    mounted(){
        console.log(versionJSON)
        this.compileTime = moment(versionJSON.compileTime).format('YYYY/MM/DD, hh:mm:ss')
    }
}
</script>

4. 展示如下