Как внедрять vue в проект на Yii2?

Question

[egh00n]

Здравствуйте, есть проект на Yii2, некоторые страницы представляют собой интерактивные приложения. Как лучше собирать проект, отдельно писать приложение и потом просто подключать собранный js файл? На некоторых vue приложениях необходимо будет использовать router и store. Так же необходимо будет написать чат, думал тоже написать его на vue, как в таком случае вставить чат на сайт? как виджет?

Answer 1

[Павел Волынцев]

Ты сборку на базе webpack используешь?

В Yii2 надо будет сделать два layout: один для обычных страниц (view/layouts/main.php), второй для страниц с Vue (view/layouts/vue.php)

Для режима dev в файле view/layouts/vue.php нужно подключать JS скрипты, которые генерит npm start. Для этого открой исходный код страницы, которую раздаёт webpack и скопируй оттуда все подключенные <script>. Либо вручную, либо парсер напиши. Вроде бы у этих скриптов статичные имена, поэтому тут проще. Можно один раз скопировать и забыть.

Для режима prod нужно в лэйауте view/layouts/vue.php подключать финальные сжатые JS скрипты, которые генерит npm run build - тут сложность в том, что эти скрипты с уникальными именами всегда.

Попробую сделать пример на github

Comments

[Павел Волынцев]

вот результат: https://github.com/pvolyntsev/toster-608800

[Павел Волынцев]

В режиме разработчика также нужно держать включенным консольку с сборщщиком

[Андрей Седышев]

И это всё будет работать только для SPA?

[Павел Волынцев]

Андрей Седышев, часть страниц останется на Yii2 а часть будет отрисовываться в Vue

[egh00n]

Спасибо! примерно в эту сторону я и думал, на webpack я настроил что собирается один файл с постоянным именем, так что с подключением не будет проблем