Отобразить тег git (версию) на странице входа в мое приложение в реакции

Question

Я хочу отобразить текущий тег git на странице входа в мое приложение, Его построено с использованием реакции. Я пытаюсь использовать библиотеку 'git-rev-sync', чтобы сделать это. но это не похоже на работу на стороне клиента, потому что я продолжаю получать ошибки, как 'не могу найти модуль' дочерний процесс ', он работает на стороне сервера, где я могу открыть console.log и распечатать тег Кто-нибудь знает, как этого добиться? Открыт для любых решений с любой библиотекой

import version from 'git-rev-sync'
...
class Login extends Component {
...
render ()
...
return (
<div> my version: {version.tag()} </div>
) }

Thanks

Answer 1

Если вы использовали create-react-app@0.2.3 > для создания своего приложения.

В сценариях create-реагировать-приложение используются переменные окружения, которые начинаются с символа REACT_APP_ в корневом файле .env. create-реагировать-приложение - Добавление пользовательских переменных среды - это хорошее место, чтобы покопаться в деталях.

или просто включить следующее в ваш файл .env.

.env

REACT_APP_VERSION=$npm_package_version

и получите доступ к нему в своем компоненте реакции входа, обратившись к {process.env.REACT_APP_VERSION}

Answer 2

Самый простой способ, который я могу себе представить, это обновлять ваш package.json каждый раз, когда вы выпускаете новую версию приложения, а затем читать его в вашем методе рендеринга:

import packageJson from '../package.json';
console.log(packageJson.version); // "1.0.0"

Получение версии непосредственно из Git может быть не лучшим вариантом, так как команда git может быть недоступна на вашем сервере; и я не думаю, что это будет работать / будет хорошей практикой проверять другие теги во время работы приложения; поэтому версия пакета будет достаточной.