How to replace a variable during application build?

Question

webpack

Hi
When developing a project locally, I bind to an api that is running on the local host, when I build and upload the application, I need to replace this address with the real api address, is there a way to automate this, for example, to replace a variable during npm run build?
Thanks

Answer 1

environment variables

Answer 2

1. npm i gulp-replace
2. replace -> inside task that builds js

Answer 3

If you are using your build:

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

If @vue/cli:
Environment variables