Как работает Webpack и Vue.js?

Question

[mr_blaze]

Здравствуйте!
При разработке приложения на vue.js наткнулся на vue-cl где нашёл шаблон webpack-simple. Выполнил команды npm nsstall и npm run dev и вот чудо! У меня запустился сервер на 3000 порте.

Возникает вопрос: как? И можно ли такой проект залить на хостинг? Если да то на какой?

Всем спасибо! Вопрос закрыт.

Answer 1

[regix]

О боги, этот человек на днях допытывал народ о Server-rendering. Хорошо что внял совету и пошел учить основы)))

Это dev сервер, предназначенный для разработки. Когда соберешь проект, можешь размещать его где угодно.

Answer 2

[Yeldos Adetbekov]

Вы во vue-cli используете шаблон webpack-simple, так-что смысла в дополнительном сервере нет. Как в предыдущем ответе легче отобрать сгенерированный bundle.js и включить в свой html.

Answer 3

[Evgeny Kulakov]

Запускаем npm run build, берем все из папки dist, размещаем на любом сервере. В качестве сервера можно взять тот же github pages/bitbucket.

Answer 4

[alvvi]

Возникает вопрос: как?

Webpack-dev-server просто раздал вам статический index.html и bundle.js со всем vue-приложением внутри
Любой хостинг способный раздавать статические файлы пойдет

Если же вы хотите знать, как работает сервер в целом, то это к Webpack'у и уж тем более Vue имеет весьма посредственное отношение.

Comments

[Yeldos Adetbekov]

В данном случае используется vue-cli. И вопрос был как работает hot-load по :3000 порту, и можно ли его хостить.

[alvvi]

Yeldos Adetbekov: где хоть слово про hot-load в вопросе? Vue-cli это Command Line Interface, к серверу никакого отношения не имеет, webpack-simple же использует тот же самый webpack-dev-server. Что вы хотите хостить то?

[Yeldos Adetbekov]

Илья Ростопка:

Возникает вопрос: как? И можно ли такой проект залить на хостинг? Если да то на какой?

Ответ - нельзя) Сорри, может, чуть перегнул палку. Но думаю с webpack-simple использовать сгенерированный index.html нет смысла, так как на нужен bundle.js. А при обычном шаблоне webpack это важно))