Правильная установка переменных среды в приложении Vue.js

Question

Итак, у меня есть следующие два файла в корне моего vue.js приложения:

.env.development:

NODE_ENV=development
VUE_WORDPRESS_API=LOCAL

.env.production:

NODE_ENV=production
VUE_WORDPRESS_API=PRODUCTION

В моем package.json есть следующее:

  "scripts": {
    "serve": "vue-cli-service serve --mode development",
    "build": "vue-cli-service build --mode production",
  },

Итак, я пытаюсь переключить modes и, следовательно, env переменные в зависимости от того, запускаю я $ rpm run serve или$ npm run build.

Однако, когда я запускаю npm run serve, внутри моего приложения я вижу, что переменные среды установлены неправильно:

// console.log(process.env.VUE_WORDPRESS_API) <= Undefined

if (process.env.VUE_WORDPRESS_API === 'PRODUCTION') {
  axios.defaults.baseURL = window.location.hostname
}

if (process.env.VUE_WORDPRESS_API === 'LOCAL') {
  axios.defaults.baseURL = process.env.VUE_WORDPRESS_API_LOCATION
}

Мне интересно, ядолжно быть что-то не так с моими файлами env?Они правильно названы?Чего мне не хватает?