Файлы сайта с расширением .vue
Нашел сайт Сделано с помощью Vue.js. Скачал сайт Aroundsound с этого сайта. Внутри папки скачанного сайта файлов с расширением .vue нет. Или они создаются и перекомпилируются в .js? (где они?) Вот файлы, относящиеся к скачанному сайту
Ответы (2 шт):
Vue - лишь фреймворк, который в дальнейшем переделывает все под стандарт html + css + js. Браузер понятия не имеет, как устроена сама архитектура проекта, он видит только итоговый "переделанный" результат. Файлов с разрешением .vue там быть не может
Браузер может запускать только* HTML, CSS и JavaScript.
Vue - это фреймворк, написанный на JavaScript. Файлы .vue - это "сырые" файлы, которые специальная программа должна обработать и на выходе выдать машинные .js файлы, которые и будут работать.
Т. е. приложения "на vue" разрабатываются следующим образом:
- Разработчик пишет код в файлах
.vue - Некоторая программа перемалывает
.vueфайлы и генерирует файлы.js - Файлы
.jsзагружаются на сервер - При заходе на сайт, вы получаете
.jsфайлы, которые и запускает браузер.
Так работает не только Vue, но и все без исключения фреймворки.
Процесс "перемалывания" файлов .vue в файлы .js называется "сборка", а программа, которая осуществляет сборку - "сборщиком".
Сборка !== компиляция, хоть и довольно похоже.
"Перемолотое" приложение - это билд или бандл.
А файлы .vue - это "исходный код".
Исходный код хранится в защищенных хранилищах без доступа для посторонних.
За исключением проектов с открытым исходным кодом.
Сам по себе, билд представляет мало ценности. Там оптимизированная нечитабельная мешанина из .js.
Судя по всему, вы хотите получить код клиентской части некоего веб-приложения. Вы видите немного негативный отклик из-за того, что ваши действия похожи на попытку своровать код клиентской части. Может, вы просто хотите изучить структуру понравившегося проекта в учебных целях.
Если вы хотите просто своровать - я вас разочарую, этот билд нужно ещё привести в читабельный вид. На сегодняшний день можно облегчить себе этот адский труд специализированными инструментами, но в большинстве случаем дешевле и быстрее сделать с нуля. Для приведения в читабельный вид вам нужен очень опытный разработчик, которому нужно будет заплатить много денег, но даже при этом результат не гарантирован.
Если же вы просто учитесь, вы можете поискать на GitHub исходники проектов, сделанных на Vue. Или ознакомится с замечательными примерами на сайте vuejs.org
*Это может сбить с толку, но браузер умеет ещё запускать WASM, но там много нюансов и в вашем случае не важно, упомянуто мною только для полноты справки.