Требуется внешняя помощь Webpack

Question

Я создал приложение (используя vue и webpack), которому нужны два URL-адреса для доступа к службам REST. Эти URL-адреса различаются в зависимости от развертывания. Поэтому мне бы очень хотелось иметь внешний файл конфигурации (возможно, JSON), в котором хранятся эти URL-адреса.

Я провел небольшое исследование и наткнулся на внешность webpack. Добавлены внешние элементы в мой файл конфигурации:

module.exports = {

...

  externals: {
    tryout: path.resolve(__dirname, "./test.js")
  }

}

test.js действительно прост -> экспорт по умолчанию {url1: ' https://bla/', url2: ' https://bla2/'}

Из файла vue, где мне нужен этот файл, я вызываю:

import Tryout from 'tryout'

console.log(Tryout)

Это приводит к тому, что мое приложение показывает пустой экран. Никаких ошибок ни в консоли, ни на экране консоли npm.

Не уверен, что происходит. пара вопросов:

• Я использую сервер разработки, не знаю, где разместить файл test.js, который я разместил здесь: __dirname, "./test.js", так что он находится в моем каталоге сборки...
• Должен ли я загружать его в свой файл index.html как внешнюю библиотеку?
• есть ли у кого-нибудь пошаговый пример? Не нашел в сети..

Это должно быть просто, но без понятия, поскольку я не получаю никаких сообщений об ошибках или сообщениях...

Любая помощь будет действительно полезной!