Как добавить jquery плагин в файл для автоматической сборки проекта?

Question

[Уставшая Вишенка]

Есть плагин маски для jquery
https://www.npmjs.com/package/jquery.maskedinput
я его установил как его добавить к проекту?

NPM GULP
import $ from 'jquery';
import 'jquery.maskedinput'; // не работает

Comments

[VoidVolker]

Уставшая Вишенка дык там там же по этой же ссылке и написано всё! Даже код есть!

[Уставшая Вишенка]

VoidVolker,
я нашел только CDN подключение

script src="jquery.maskedinput.js" type="text/javascript" /script

[VoidVolker]

Уставшая Вишенка, причём тут CDN?

[Уставшая Вишенка]

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

[Уставшая Вишенка]

VoidVolker, import 'jquery.maskedinput'; у меня не работает

[VoidVolker]

Уставшая Вишенка, есстественно так не будет работать, т.к. это не модуль. Чтобы импортировать его вам самостоятельно надо конвертировать его в модуль. Поэтому проще просто сделать по инструкции.

[Уставшая Вишенка]

VoidVolker, скинь скриншот выделенным красным, в силу того что мало опыта я не могу найти этот момент, плагины я еще не подключал

[VoidVolker]

Уставшая Вишенка, амм... шта? Какой скриншот? Какой момент? Как правильно задавать вопросы: bugtraq.ru/forum/faq/general/smart-questions.html
Повторюсь ещё раз: в ридме плагина есть инструкция. Просто следуйте ей. Про модули я уже сказал.

[Уставшая Вишенка]

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

[szQocks]

Уставшая Вишенка, не импортируй ты его, просто используй, тебе же 10 раз уже написали об этом

[Уставшая Вишенка]

szQocks, если я его просто использую вылазит ошибка

Uncaught TypeError: $(...).mask is not a function

[szQocks]

Уставшая Вишенка, у меня не вылазит

[szQocks]

Уставшая Вишенка, попробуй JQuery инициализировать в самом начале главного файла, возможно это поможет тебе

либо разберись с тем как сделать JQuery в твоём галпе или в вебпаке, общей зависимость, типа глобальной, возможно это решит проблему

так то я примерно понимаю твою проблему, типа сначала у тебя сборщик видит эту маску, а потом уже сам JQuery , но 100% решение подсказать не могу сходу, лишь посоветовал 2 варианта

[szQocks]

Уставшая Вишенка, либо возможно как-то можно приоритеты настроить, что бы сначала сборщик видел JQuery а потом уже маску подгружал, и она дописывала методы для JQuery

[Уставшая Вишенка]

szQocks, Спасибо, вы очень четко и доходчиво объяснили!

[szQocks]

Уставшая Вишенка, на крайний случай можешь сделать так, или найти другую маску, это далеко не единственная маска

[Уставшая Вишенка]

szQocks, Да это все понятно что можно другую маску, я так и сделал, мне просто было интересно для себя, как правильно подключать плагины jquery, сама библиотека подключается самой первой, в моем понимании плагин тоже нужно подключить к проекту, потому что мало ли у меня там 100 этих плагинов а в конкретном файле я использую только 2 и почему они все 100 по умолчанию должны подключатся? Потом устанавливается он в отдельную папку...

[szQocks]

Уставшая Вишенка, в вебпаке явно можно указать порядок подключения модулей, как там в галпке я фиг знает, гуглить надо, скорее всего тоже через какой-то порядок указывают подключения

что бы сначала был jquery, потом плагины по списку что б подключались, просто я загуглил как пишутся плагины для Jqery и все они пишутся именно так как написан тот +-, они не модульные

[Уставшая Вишенка]

VoidVolker, Нашел ответ на свой вопрос, вам должно быть стыдно что не смогли подсказать с такой хренью.

[szQocks]

Уставшая Вишенка, он может не юзает jq, gulp и т.д. Да он мог бы загулить за тебя, подсказать, но видимо не захотел)

[VoidVolker]

Уставшая Вишенка, это вам должно быть стыдно, что голословно обвиняете отвечающего непонятно в чём. Тем более, что вы даже не потрудились нормально описать свою проблему, не привели свой код, а приведённый код даже не оформили, и проигнорировали уточняющие вопросы, а так же советы отвечающих - это некрасиво и проявление неуважения к собеседникам. Правила 3.2., 3.8.. Будьте любезны соблюдать правила.
szQocks jQuery и gulp знаю, кроме того, я сам ранее уже использовал этот плагин без каких-либо проблем. И ещё раз напомню: в ридми есть полностью рабочий код примера подключения плагина. Там вот вообще ничего сверхсложного нет. Гуглить тоже ничего не нужно.

[szQocks]

VoidVolker, там показано на выходе как должно быть, скорее всего у вас в галпе есть порядок подключения о котором вы забыли, если сделать как в ридми конечно же работать не будет

Answer 1

[Уставшая Вишенка]

import $ from 'jquery';
window.$ = $;
window.jQuery = $;
window.mask = require('./vendor/jquery.maskedinput.min.js');

Comments

[szQocks]

это ты хрень какюу-то сделал, смотри примеры на гитхабе, как другие делают это всё

заходишь на гитхаб и вбиваешь что-то типа этого "gulp jquery boilerplate"

вот тут можно глянуть как чел подключает jq, бутстрап к gulp, по такому же принципу надо подключить и маску

Answer 2

[inkShio]

Попробуй пропиши полный путь к папке node_modules.

import '../../node_modules/jquery.maskedinput/jquery.maskedinput.js';

Это как пример.

Comments

[VoidVolker]

Это не модуль. Там же в ридме всё написано.