Содержание

1. Сборка Symfony +  Vue проекта

Сборка Symfony +  Vue проекта

 

В этой серии видео хотел бы показать свой способ организации связки Symfony Vue приложения. Посмотрим, как организуется эта связь. 

Преимущества способа из этого курса в том, что сборка организуется без использования дополнительных библиотек. Показываю свой способ, как это можно организовать, чтобы было удобно работать.

Возможно, это не самое идеальное решение, но для большинства своих проектов использую именно его.

Файлы Symfony проекта и проблематика сборки Vue

В Symfony проекте у нас будут две тестовые страницы или два роута. Задача, чтобы на каждой из этих страниц отображались разные компоненты. Один роут будет закрытой страницей, другой общедоступной и к нему можно будет получить доступ любому желающему.

Как мы с вами знаем, Vue разрабатывалось для того, чтобы создавать Single Page Application (SPA) или одностраничные приложения. Конечно, внутри такого приложения может быть своя система роутинга и перехода между страницами, но если мы имеем дело с Symfony, то не всегда SPA приложение может быть самым хорошим решением. У каждого роута Symfony может быть свой адрес и не всегда получится совместить это со структурой адресов Vue.

Конечно, для каждой страницы мы можем создать свой Vue проект, но такое решение совсем не является идеальным. Количество файлов будет просто огромное и управлять отдельным проектом для каждого роута Symfony, точно плохое решение.  

Также, важно, чтобы при отключении development Vue сервера и выполнении команды npm run build, страницы также успешно открывались и загружались соответствующие компоненты.

Идеально, нам нужно сделать так, чтобы в зависимости от выбранного окружения (prod или dev) подключались соответствующие javascript файлы для того, чтобы Vue компонент отобразился. Нужно настроить, чтобы все эти подстановки происходили автоматически и нам не нужно было думать об этом. 

Что будет в этой серии видео?

Такой вариант сборки мы с вами и рассмотрим в этом курсе. 

+ какую структуру папок необходимо организовать

+ как изменить путь для компиляции файлов приложения. В какую папку проекта это нужно складывать

+ подключаем файлы проекта, в зависимости от окружения

+ как отключить разбитие файлов на chunks

+ решаем проблему с SSL сертификатом

Преимущество в том, что для любой страницы вашего проекта можно будет подключить нужное Vue приложение (компонент) и оно будет работать.

Чтобы приступить к изучению курса, нажмите Содержание или Далее и будем погружаться в изучение Symfony Vue проектов.