Как реализовать deploy на vuejs?

Question

[EgorKorol]

Ребята, подскажите направление.
Использую vue-cli webpack.
Задача: при вызове команды dev использовать в запросах url: localhost, а при вызове команды build - автоматически подставлять нужный адрес сервера.
Как лучше реализовать? Глобальными переменными или надо крутить webpack.config? Или еще что?

Answer 1

[Михаил]

Делайте через process.env
Пример:

const URL = process.env.NODE_ENV === 'development' ? 'localhost' : 'test.ru';

Ну и соответственно при запуске через dev в переменной будет localhost, а если собрать через build ваш домен. Потом в коде используйте переменную как и где хотите.

Comments

[EgorKorol]

Большое спасибо за ответ.

[Klein Maximus]

Михаил это не лучший вариант, поскольку в данном случае весь коду уедет в production.

Answer 2

[Klein Maximus]

Использовать конструкцию, типа:

const URL = process.env.NODE_ENV === 'development' ? 'localhost' : 'test.ru';

не самый лучший вариант, т. к. всё это (хоть и в uglify-виде) уедет на production.

Лучше сделать 2 отдельных файла и подключать их через alias webpack-a в зависимости от process.env.NODE_ENV
Тогда при production сборке в бандл попадет только нужный нам код без мусора.