Как подменять переменную во время билда приложения?

Question

[Рустам Акимов]

Привет
При локальной разработке проекта завязываюсь на api которое запущено на локальном хосте, когда же билжу и выкладываю приложение, надо подменять этот адрес на реальный адрес api, есть ли способ автоматизировать это, например во подменять переменную во время npm run build?
Спасибо

Comments

[Andrey Suha]

Код в студии

Answer 1

[0xD34F]

переменные окружения

Answer 2

[eremenkoEvgeniy]

1. npm i gulp-replace
2. replace -> внутри таска который собирает js

Answer 3

[Антон Спирин]

Если используете свою сборку:

module.exports = {
  plugins: [
    new webpack.DefinePlugin({
      __API__: JSON.stringify('http://my-api-service.com'),
    }),
  ],
};

Если @vue/cli:
Environment variables