G
enby!

Собираем JAR с Vue.js внутри. Spring Boot Rest

Spring Boot Rest Application: собираем исполняемый JAR приложения с vue.js интерфейсом внутри и запускаем это всё на одном порту без всяких там node.js =) Таким образом мы получим единый исполняемый файл, пригодный к запуску на любом сервере, без дополнительного конфигурирования http серверов статического контента. Поддержать проект: ➡ Patreon   / letscodedru   ➡ Яндекс.Деньги https://money.yandex.ru/to/4100145167...
➡ PayPal paypal.me/letscodedru ➡ Qiwi https://qiwi.me/letscode
Код из видео: https://github.com/drucoder/sarafan/t...
Первым делом нам необходимо разделить нашу конфигурацию webpack на 3: общая (базовая, входит в состав всех остальных конфигураций), конфигурация для разработки (dev, включает в себя hot code reload и генерацию source map для отладки в браузере) и конфигурация для сборки приложения на боевые сервера (prod, минифицрованный код без лишних зависимостей). В этом нам поможет плагин для WebPack с названием webpack-merge: https://webpack.js.org/guides/product...
Также нам необходимо перенастоить для prod окружения сборку итогового JS скрипта в каталог статических файлов в нашем Spring приложении: https://webpack.js.org/guides/output-...
После успешной сборки JS приложения нам небходимо настроить сборочный Gradle скрипт для запуска yarn задач (сборки JS). В этом нам поможет gradle-node-plugin: https://github.com/srs/gradle-node-pl...
Диаграмма жизненного цикла процесса сборки приложений в Gradle: https://proandroiddev.com/understandi...
➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖ ➡ Твиттер:   / letscodedru   ➡ Группа Вконтакте: https://vk.com/letscodedru
➡ Канал в Telegram: https://t.me/letsCode_dru
➡ Чат в Telegram: https://t.me/joinchat/FeiP9xEhqHajfqh...
➡ Сервер в Discord:   / discord   ➡ Ссылка на Яндекс.Дзен: https://zen.yandex.ru/media/id/5ac209...

Смотрите также