vue项目部署添加时间

const fs = require('fs');

const path = require('path');

const HtmlWebpackPlugin = require('html-webpack-plugin');

class BuildTimePlugin {

  apply(compiler) {

    const buildTime = +new Date()

    compiler.hooks.beforeCompile.tapAsync('BuildTimePlugin', (params, callback) => {

      const json = JSON.stringify({ buildTime });

      const filePath = path.join('./public', 'buildTime.json');

      fs.writeFile(filePath, json, { flag: 'w' }, callback);

    });

    compiler.hooks.beforeCompile.tapAsync('BuildTimePlugin', (compilation, callback) => {

      const scriptContent = `window.buildTime = ${buildTime};`;

      const scriptPath = path.join('./public', 'buildTime.js');

      fs.writeFile(scriptPath, scriptContent, { flag: 'w' }, callback);

    });

    compiler.hooks.compilation.tap('BuildTimePlugin', (compilation) => {

      HtmlWebpackPlugin.getHooks(compilation).beforeAssetTagGeneration.tapAsync(

        'BuildTimePlugin',

        (data, cb) => {

          data.assets.js.unshift('/public/buildTime.js');

          cb(null, data);

        }

      );

    });

  }

}

module.exports = BuildTimePlugin;

// 使用方式（

"html-webpack-plugin": "^5.5.3" 版本要更新，不然编译报错

）

const BuildTimePlugin = require('./plugin/buildTimePlugin');

plugins.push(new BuildTimePlugin())

// 页面中检查版本

fetch(location.origin+ '/buildTime.json?time=' +(+new Date())).then(response => response.json()).then((data) => {
console.log(data);

if(data.buildTime > window.buildTime ) {
　// 当前不是最新，需要提示刷新
}

})