Добавление переменных среды в Esbuild

Вы устали от жесткого кодирования значений конфигурации в сценарии Esbuild?

В этой статье я покажу вам, как вы можете легко добавить переменные среды в свой код, очевидно, вам нужно будет сначала настроить свой проект, если не следовать этой другой статье Секрет молниеносной веб-разработки, а затем вы должны проверить эту статью 👈

Теперь, когда вы настроили свой проект, выполните следующие действия:

1. Перейдите в свой конфиг файл для Esbuild, по примеру из предыдущей статьи это файл build.js

/project
├── /public
├── /src
│   package.js
│   tsconfig.json
│   build.js 👈
...

2. Добавьте новое свойство в тело кода конфигурации под названием «define».

...
define: {
  'process.env.TITLE': '"This is a Title"',
  'process.env.VERSION': '"1.0.0"'
}

В этом случае я создаю две переменные env «TITLE» и «VERSION», теперь ваш файл конфигурации должен выглядеть так:

3. Отлично! 🎖️Теперь вы можете начать вызывать свои собственные переменные env в коде Typescript:

const title   = process.env.TITLE;
const version = process.env.VERSION;

Дайте мне знать, если вам понравилось… или если вы хотите узнать что-то еще 😉
…и не забудьте похлопать меня в ладоши 😁