Внедрить временную метку сборки в выходные файлы сборки vue-cli для проверки развертываний с помощью пряжи - PullRequest
2 голосов
/ 04 октября 2019

Необходимо проверить, была ли развернута последняя сборка. Я хотел бы добавить метку времени в журнале сборки и в каждом файле вывода сборки. Я использую каркас Vue и пряжу.

1 Ответ

0 голосов
/ 13 ноября 2019

Мне нужно было иметь метку времени сборки в выходном приложении Vue, а не в журналах.

(Вы можете написать для создания журналов, добавив console.log(new Date().toIsoString()) в часть веб-пакета vue.config.js.)

Один из способов получить метку времени сборки в самом приложении - использовать тот факт, что в веб-пакете используется простой язык шаблонов в самом HTML.

В приложении Vue index.html (например), я вставил атрибут данных в корневой элемент <html>:

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

Это легко получить:

document.documentElement.dataset.buildTimestampUtc

Затем вы можете добавить его в качестве получателя в кореньApp компонент, @Provide это для других компонентов как "время сборки" и т. Д.

Это работает как для основной сборки, так и для сборки "обслуживания" разработки, но помните, что сам корневой HTML неhot-module-reload, поэтому, хотя временная метка сборки обновляется , вам придется обновить страницу, чтобы увидеть ее.

...