Running "npm run build" with specific env file

Question

Whenever I run "npm run build" command, my vue project automatically use ".env.production" file(which is one of my .env files). I would like to build my project by specifying env files for example

npm run build .env.production (to deploy on production server)
npm run build .env.development (to deploy on development server)

Is there any way I can specify environment variables when running "npm run build"????

Does this answer your question? [Setting Environment Variables for Node to retrieve](https://stackoverflow.com/questions/22312671/setting-environment-variables-for-node-to-retrieve) — Mohammad Masoudi, Mar 28 '22 at 19:26
@MohammadMasoudi Thank you for the reply.. but that's not what I was looking for. I know how to set environment variables with .env files. What I am looking for is, how to run "npm run build" with specific .env files. That way I can create multiple builds with different .env filed.. — Seon Woo Kim, Mar 29 '22 at 02:42
what is your Vue version and do you use `webpack` or `Vue CLI` or `Vite` ? — Mohammad Masoudi, Mar 29 '22 at 08:52
did you check out this link? https://cli.vuejs.org/guide/mode-and-env.html — Mohammad Masoudi, Mar 29 '22 at 16:10
@MohammadMasoudi Thank you so much !! I finally found a way thank you — Seon Woo Kim, Mar 29 '22 at 21:48

Ahmed Sobeeh · Accepted Answer · 2023-03-12T08:33:25.690

you can do this by run npm run build --mode production --dest ./dist/production

or

You can achieve this by edit package.json file and add the below run script.

when you add -- mode and --dest in the build command this will pass it to the build script and will look for the mentioned env

"build-production": "vue-cli-service build --mode production --dest ./dist/production",

This will take the environment variables from a file called .env.production if not found will search on file called .env

And will export the build in a dir called dist/production and you can change this from --dest part

Then you should run

npm run build-production

This will will run for production and you can make a second scrip and change to development to read from .env.development Something like

"build-development": "vue-cli-service build --mode development --dest ./dist/development",

Running "npm run build" with specific env file

1 Answers1