Как подключать плагины в vue?

Question

[Drottarutarnum]

Хочу поставить https://github.com/euvl/vue-js-modal

Выдает ошибку импорта, кажется модуль хочет какие-то внешние инструменты для компиляции и добавления файлов в проект, но у меня просто main.html и обычный notepad++

И так не только с этим плагином

Можно на примере этого плагина объяснить, как их подключать в vue?

Comments

[Alams Stoyne]

Для полноценной работы мало main.html и подключенного VueJS.
Тебе понадобится NodeJs + WebPack для компиляции проекта. Почитай об этом многие вопросы отпадут

Answer 1

[Aetae]

Модуль распространяется в формате umd, так что нет никаких проблем использовать его без всяких сборок:
Другое дело, что системы сборки вам стоит изучить и чем раньше тем лучше, т.к. первоначальные трудности с лихвой компенсируются последующим удобством.

Comments

[Drottarutarnum]

Спасибо

На счет сборки. Как тогда писать под движки если используешь систему сборки? Я имею ввиду открыть внутри админки движка какой-то файл и быстро изменить его уже не представляется возможным если все скомпилировано

[Aetae]

Drottarutarnum, ну так и не надо такого делать. Это дедовский метод, ведущей к каше в коде и бесконечным рандомным багам.

Современная разработка имеет (как минимум) два окружения: dev и production.
На втором вы никаких файликов не меняете и выкатываете туда только оттестированный собранный продукт.
В первом же у вас идёт не полная сборка, запущен webpack devserver(или аналоги) с hot update, live reload и всяким таким, запущен и dev back-end'a.

Если же вы фигачите vue код прямо в какие-нить php-файлы, то это даже не дедовский, а метод каменного века.) В современной разработке front-end чётко отделён от back-end.

[Drottarutarnum]

Aetae понял, я не гордый, буду изучать.
Ох, стоило оставить web разработку на 5 лет как тут столько всего нового повылезало из каждой щели, что это уже совсем другой мир

[Drottarutarnum]

Aetae, можно ещё вопрос? Почему не выходит сделать динамические окна?
Консоль выдает ошибку

[vue-js-modal] In order to render dynamic modals, a component must be present on the page.

[Aetae]

Drottarutarnum, ты добавил параметр dynamic: true как написано в документации?

[Drottarutarnum]

Aetae, да, это вообще все сломало. Я просто взял другие окна, позже буду разбираться что с этими не так