Как использовать Vue-cli, но при этом сделать его многостраничным?

Question

[Александр Белькевич]

Всем привет. Возможно, немного глупый вопрос, но тем не менее.. Встала задача поработать с Vue не как со SPA. Есть вариант, конечно, подключать его через CDN. Но хотелось бы использовать все-таки компонентный подход, а не просто на каждой странице писать огромную логику. Есть ли какие-нибудь варианты такой реализации? Или если не SPA - то мучайся через обычное подключение как jQuery?
Плюс при билде проекта, мы получаем файлы, которые нельзя запустить без локального сервера? Можно ли сделать так, чтобы я мог бекенд программисту просто все собирать, и отдавать на дальнейшую разработку? Чтобы проект можно было открыть и без сервера

Answer 1

[Антон Швец]

Плюс при билде проекта, мы получаем файлы, которые нельзя запустить без локального сервера?

Вебпак в vue-clie собирает вам javascript-бандл, а уж как вы его будете использовать это ваше дело. Это статичный файл, для их работы не нужен сервер.
Дело в том, что вебпак собирает не только js, еще картинки, стили, которые он вытаскивает из js и прочих модулей, и прописывает подключение их в расчете что html открывается с сервера.

Вы можете собрать бандл, и подключить его на множестве html-страниц, главное чтобы Vue нашел на странице свой div#app или куда вы там его привяжете.

Но, если честно, это довольно странная практика, проще делать SPA.
Многостраничный сайт так же можно организовать с помощью Nuxt, который генерирует отдельные html-страницы на каждый page vue-компонент.

Comments

[Александр Белькевич]

Спасибо, как раз сейчас читал про Nuxt. Видимо, это самое адекватное решение

Answer 2

[Roman K]

Ох. Вперёд читать документацию и разбираться, что же такое SPA.

Comments

[Александр Белькевич]

С пониманием что такое SPA - проблем нет. И я знаю, что vue для этого заточен.
Тем не менее. Мне надо использовать его не как SPA. Без роутов и т.п. Просто мультипейдж сайт, но чтобы подключение было не через CDN и т.п. А вот и спрашиваю, вообще реально такое действо или нет.
На зарубежных форумах тоже такие вопросы есть, но ответов толком нет

[Roman K]

Александр Белькевич, эм. А чем отличается мультипейдж с роутом от того, что ты хочешь?)

[Александр Белькевич]

Roman Kitaev, нужны просто отдельные статичные страницы) но с возможностью использования компонентов на страницах. И опять же, чтобы при билде не требовался сервер.
Может, тогда и вариантов-то нет, а я сижу и мозг делаю)

[Roman K]

Александр Белькевич, Я вижу только несколько entry в вебпаке. Но это реально на каждый роут нужно вручную прописывать entry point. Да и нужды в этом не вижу. Но вполне рабочее решение.

[Александр Белькевич]

Roman Kitaev, Просто в документации нашел https://cli.vuejs.org/guide/html-and-static-assets...
думал, то что надо. Но по ходу все равно не совсем то

[Roman K]

Александр Белькевич, Ну, интересная штука. Не пробовал)

[Александр Белькевич]

Roman Kitaev, но один фиг с путями не получается. Хотя вроде черным по белому "Если не нужно SPA"))

Answer 3

[Кирилл Ушаков]

Вместо <router-link> используй тег <a>, будет тебе перезагрузка между страницами.

Answer 4

[devianllert]

Первая же ссылка в гугле на запрос "vue multipage" выдает нам готовый шаблон многостраничника, который можно использовать в vue-cli