Question

需要验证是否已部署最新版本。我想在构建日志和构建输出的每个文件中添加时间戳。我正在使用Vue框架和纱线。

Answer 1

我需要在输出的Vue应用程序中有一个构建时间戳，而不是在日志中。

（您可以通过在console.log(new Date().toIsoString())的webpack部分中添加vue.config.js来编写构建日志。）

将构建时间戳记入应用程序本身的一种方法是利用webpack在HTML本身中使用简单模板语言这一事实。

例如，在Vue应用程序index.html中，我在根<html>元素上插入了一个数据属性：

<html data-build-timestamp-utc="<%= new Date().toISOString() %>">
  ...
</html>

很容易找到它

document.documentElement.dataset.buildTimestampUtc

然后可以将其作为吸气剂添加到根App组件上，@Provide作为“构建时间”等添加到其他组件上。

这适用于主版本以及开发“服务”版本-但请记住根HTML本身不会进行热模块重新加载，因此尽管构建时间戳记正在更新，您必须刷新页面才能看到它。