Как сделать сборку компонента из *.vue файла?

Question

[Albert Kazan]

Решил перейти на такое, потому что большинство нужных фич не предоставляются через CDN, а только через import и все такое. Раньше всякими сборщиками webpack или что-то вроде этого не пользовался, потому что фронтенд не развивал.
И не удается даже найти нормальный гайд. Хочу вынести по частям на .vue файлы свои компоненты и прочее. Но как не понимаю. Node и npm у меня уже есть. Попробовал там через vue-cli сделать (большинство уроков устарела для новой версии), но там сборка идет под какой-то собираемый самим vue-cli. Короче не понял.
Мне как-то попроще. Чтоб собрать все vue части в один "независимый" js файл и затем подключать на сайт.

Comments

[Strannyk]

большинство уроков устарела для новой версии

Зачем какие-то уроки, если есть отличная документация?

[Albert Kazan]

Strannyk, мне оно не понравилось

[Алекс Глебов]

нужно познакомиться с вебпаком и основами ноды
https://learn.javascript.ru/screencast/webpack

99% проектов делается через vue-cli
но и без него можно, все что нужно описано тут
https://ru.vuejs.org/v2/guide/single-file-componen...

[Albert Kazan]

Алекс Глебов, Алекс Глебов, СПАСИБО! То что нужно, ну наконец то. Ваш ответ навел меня на нужное.

Answer 1

[Albert Kazan]

В main.js оказывается надо было всего лишь прописать так, при этом удалив import Vue from 'vue' и наконец-то компонент в отдельной части.

import hello from './components/HelloWorld.vue';
Vue.component('hello-world', hello)