gt-react, gt-next

Автоматически переводите проект на gt-next или gt-react

Обзор

В этом руководстве показано, как автоматически управлять файлами переводов вашего проекта при использовании gt-next или gt-react.

Примечание: Используйте это только при подготовке production‑сборки. Если вы применяете gt-next или gt-react в режиме разработки, эта команда не нужна.

Мы выполним 4 шага:

Добавьте переменные окружения

Настройте проект командой npx gtx-cli configure

Запустите gtx-cli translate


Шаг 1: Добавьте переменные окружения

Добавьте свой production API‑ключ и идентификатор проекта в переменные окружения. Это необходимо для работы с инструментом gtx-cli. Вы получите их в панели управления General Translation.

.env
GT_API_KEY=<your-api-key>
GT_PROJECT_ID=<your-project-id>

Шаг 2: Настройте проект с помощью команды npx gtx-cli configure

Выполните команду gtx-cli configure, чтобы настроить проект.

npx gtx-cli configure

Шаг 3: Добавьте команду gtx-cli translate в процесс сборки

Добавьте команду gtx-cli translate в процесс сборки или CI перед командой сборки, чтобы автоматически добавлять переводы в проект.

package.json
{
  "scripts": {
    "translate": "npx gtx-cli translate",
    "build": "npm run translate && <команда сборки>"
  }
}

Это сгенерирует переводы для всех ваших локалей и сохранит их в проекте. Если вы хотите закоммитить эти файлы в репозиторий, вместо этого выполните эту команду перед коммитом.

Готово! Теперь проект будет автоматически обновлять все ваши JSON‑файлы переводов при любых изменениях в проекте.


Примечания

  • Вы можете автоматически добавить переводы в свой проект с помощью команды gtx-cli translate.
  • Если вы хотите закоммитить файлы переводов, запустите команду gtx-cli translate перед коммитом.
  • Чтобы настроить путь для сохранения переводов, см. раздел конфигурация.

Дальнейшие шаги

Насколько полезно это руководство?

gt-react, gt-next