Настраиваем Webpack и разбиваем фронт на модули. Spring Boot REST
Spring Boot Rest Application: настраиваем сборку frontend с помощью WebPack и babel, что позволит использовать в проекте hot code reload и все современные возможности JavaScript, например - разбиение на модули. А также подключить vue-compiler и использовать однофайловые компоненты Vuejs Ссылка на код из видео: https://github.com/drucoder/sarafan/t...
Перед началом работы необходимо настроить рабочее место и установить на компьютер node js и Yarn. Ссылка на видео по установке Node.js: • Установка node.js (и npm) в linux, macos и... Ссылка на видео по работе с пакетным менеджером NPM: • Node.js: NPM - пакетный менеджер (для рабо... Ссылка на сайт с документацией по Yarn: Установка: https://yarnpkg.com/en/docs/install#d...
Описание команд: https://yarnpkg.com/en/docs/usage
Далее нам необходимо настроить в нашем проекте webpack. Для знакомства с основными возможностями Webpack рекомендую посмотреть следующее видео: • Webpack - сборщик web приложений (в просты... Чтобы сократить затраты по времени и уменьшить количество ошибок, рекомендую ориентроваться на следующие конфигурационные файлы: Зависимости для нашего фронтэнда: https://gist.github.com/drucoder/7692...
Настройки webpack: https://gist.github.com/drucoder/1206...
После настройки webpack необходимо немного изменить контроллер и шаблон index.html: мы отказываемся от явного указания внешних зависимостей, вместо этого будем поставлять необходимые библиотеки в одном файле с нашим исполняемым кодом Для определения режима запуска приложения (режим разработки или релизный код) нам необходимо при старте приложения указать переменную окружения spring.profiles.active=dev, подобно тому, как мы это делали в приложении Sweater: • Spring Boot: публикуем приложение на серве... В связи с тем, что frontend приложения разнесён по модулям, нам необходимо переконфигурировать Vue Resource: https://github.com/pagekit/vue-resource
➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖ ➡ Твиттер: / letscodedru ➡ Чат в Discord: / discord ➡ Группа Вконтакте: https://vk.com/letscodedru
➡ Канал в Telegram: https://t.me/letsCode_dru
➡ Чат в Telegram: https://t.me/joinchat/FeiP9xEhqHajfqh...
➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖ Поддержать проект: ➡ Patreon / letscodedru ➡ Яндекс.Деньги https://money.yandex.ru/to/4100145167...
➡ PayPal paypal.me/letscodedru ➡ Qiwi https://qiwi.me/letscode
➡ WebMoney/BitCoin https://funding.webmoney.ru/d/drucoder
➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖ ➡ Ссылка на канал: / @letscodedru ➡ Ссылка на Яндекс.Дзен: https://zen.yandex.ru/media/id/5ac209...
