#javascript #reactjs #next.js
Вопрос:
Я создаю свое приложение React/Next с помощью действий на Github. В рабочем процессе я настроил автоматизированную систему для определения следующей версии выпуска. Он создает .version файл, содержащий версию, и .last-updated файл, содержащий дату и время сборки.
Теперь, как я могу использовать эти файлы в своем приложении и показывать необходимую информацию или есть лучший способ сделать это?
Я хочу что-то вроде Понятия:
Ответ №1:
Хорошо. Так что я все понял.
- В
next.config.js, добавьте следующую конфигурацию:
const fs = require("fs"); const version = fs.readFileSync("./.version", "utf8"); const lastUpdatedAt = fs.readFileSync("./.last-updated", "utf8"); module.exports = { ... env: { NEXT_PUBLIC_PACKAGE_VERSION: version, NEXT_PUBLIC_LAST_UPDATED_AT: lastUpdatedAt, }, }; Примечание. Для общедоступных переменных среды используйте префикс
NEXT_PUBLIC_.
- Затем в ваших шаблонах JSX используйте вот так
lt;pgt;Version: {process.env.NEXT_PUBLIC_PACKAGE_VERSION || "-"}lt;/pgt; lt;pgt;Last Updated At: {process.env.NEXT_PUBLIC_LAST_UPDATED_AT || "-"}lt;/pgt;