vuejs - работа с компонентами без npm

306

24 января 2018, 17:13

Изучаю сейчас vuejs. В уроках для разворачивания простого приложения со структурой, представленной ниже, понадобилось поставить node.js, загрузить кучу зависимостей на 60+мб, запускать сервер вручную и т.п. Как я понимаю, всё это на базе webpack.

css
src
--components
--App.vue
--main.js
index.html

И тут сразу получается, что чтобы что-то сложнее формы-кнопки сделать, нужно всё это городить. Честно - расстроился. Или всё это только для разработки нужно, а потом можно всё это как-то "скомпилировать" в рабочее приложение без лишнего? Можно ли обойтись без всей этой махины, оставив возможности модульной разработки? Как тут быть? По факту, получается, такое на обычный хостинг даже и не поставишь - нужен VPS и node.js

Answer 1

Скомпилировать можно, конечно.

Например, в webpack-шаблоне для vue встроена возможность компиляции (файл build/build.js), при запуске которого (node build/build.js) создаётся папка /dist, в которой будет файл index.html и все другие ресурсы (минифицированный код, файлы стилей, картинки и т.д.).

Эту папку при желании можно перенести на сервер, без необходимости устанавливать node или что-нибудь ещё.

Связанная статья на ru.vuejs.org