Spring Boot Rest Application: настраиваем сборку frontend с помощью WebPack и babel, что позволит использовать в проекте hot code reload и все современные возможности JavaScript, например - разбиение на модули. А также подключить vue-compiler и использовать однофайловые компоненты Vuejs Ссылка на код из видео:
Перед началом работы необходимо настроить рабочее место и установить на компьютер node js и Yarn. Ссылка на видео по установке Node.js: • Установка node.js (и npm) в linux, ma... Ссылка на видео по работе с пакетным менеджером NPM: • Node.js: NPM - пакетный менеджер (для... Ссылка на сайт с документацией по Yarn: Установка:
Описание команд:
Далее нам необходимо настроить в нашем проекте webpack. Для знакомства с основными возможностями Webpack рекомендую посмотреть следующее видео: • Webpack - сборщик web приложений (в п... Чтобы сократить затраты по времени и уменьшить количество ошибок, рекомендую ориентроваться на следующие конфигурационные файлы: Зависимости для нашего фронтэнда:
Настройки webpack:
После настройки webpack необходимо немного изменить контроллер и шаблон index.html: мы отказываемся от явного указания внешних зависимостей, вместо этого будем поставлять необходимые библиотеки в одном файле с нашим исполняемым кодом Для определения режима запуска приложения (режим разработки или релизный код) нам необходимо при старте приложения указать переменную окружения spring.profiles.active=dev, подобно тому, как мы это делали в приложении Sweater: • Spring Boot: публикуем приложение на ... В связи с тем, что frontend приложения разнесён по модулям, нам необходимо переконфигурировать Vue Resource:
➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖ ➡ Твиттер: / letscodedru ➡ Чат в Discord: / discord ➡ Группа Вконтакте:
https://vk.com/letscodedru ➡ Канал в Telegram:
➡ Чат в Telegram:
➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖ Поддержать проект: ➡ Patreon / letscodedru ➡ Яндекс.Деньги
➡ PayPal paypal.me/letscodedru ➡ Qiwi
➡ WebMoney/BitCoin
➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖ ➡ Ссылка на канал: / @letscodedru ➡ Ссылка на Яндекс.Дзен:
