Как удалить ненужные модули в jQuery

jQuery, несомненно, самая популярная библиотека JavaScript, (почти) каждый веб-сайт на этой планете использует ее. Это влияет на jQuery, чтобы включить все функции в библиотеке, чтобы охватить каждый случай и возможность.

Однако, когда мы работаем на простом веб-сайте, мы можем использовать только некоторые функции. Таким образом, было бы более эффективно, если бы мы могли запускать только эту необходимую функцию, а не все другие неиспользуемые функции. Мы можем исключить некоторые модули jQuery, которые не нужны в вашем проекте. Итак, давайте посмотрим, как мы можем это сделать.

Рекомендуемое чтение: создание контроллера громкости с помощью jQuery UI Slider

Программы для Windows, мобильные приложения, игры - ВСЁ БЕСПЛАТНО, в нашем закрытом телеграмм канале - Подписывайтесь:)

Первое первым
Во-первых, нам нужно установить некоторые инструменты, необходимые для работы. Эти инструменты Гит, хрюкать, а также Node.js, Если вы работаете в macOS, самый простой способ установить все эти инструменты – через менеджер пакетов macOS, который называется Homebrew,
Установить Homebrew
Итак, давайте откроем ваш терминал и выполните следующую команду для установки Homebrew. Как уже говорилось, Homebrew позволит нам легко установить другие упомянутые инструменты.

ruby -e “$ (curl -fsSL https://raw.github.com/mxcl/homebrew/go)”

Установить Git
После завершения установки Homebrew выполните следующую команду, чтобы установить Git.

заварить установить мерзавец

Установить Node.js
Запустите следующую строку, чтобы установить Node.js

Заваривать узел установки

Установить Grunt
Наконец, нам нужно установить Grunt. Запустите эту команду.

npm install -g grunt-cli

Если вы используете Windows, есть аналогичный менеджер пакетов, который называется шоколадный который вы можете использовать для установки вышеуказанных пакетов аналогичным образом.
Сборка jQuery
В настоящее время jQuery позволяет исключить следующие модули.
Модули
команда
Описание
Ajax
-ajax
Это определяет JQuery AJAX API это включает в себя jQuery.ajax (). Функции jQuery.get () и .load ()
CSS
-css
Это определяет функции из jQuery Категория CSS это включает в себя .addClass (), .css () и .hasClass ().
Устаревшее
-deprecated
Это определяет устаревшие модули или функции.
Псевдоним события
-Event-псевдоним
Это указывает функции события например .click (), .focus () и .hover ().
Габаритные размеры
-Габаритные размеры
Это определяет функции для установки размера CSS, К таким функциям относятся .height (), .innerHeight () и .innerWidth ().
Последствия
-последствия
Это определяет функции, которые устанавливают эффекты анимации, такие как .slideToggle (), .animate () и .fadeIn ()
офсет
-offset
Это определяет функции, которые получают 45 координат и положение. К таким функциям относятся .offset () и .position ().
Прежде чем мы сможем настроить jQuery, нам нужно клонировать его из репозитория Github, выполнив эту команду в Терминале.

git clone git: //github.com/jquery/jquery.git

Затем вы должны найти новую папку с именем jquery, созданную в вашей пользовательской папке. Перейдите в этот каталог с помощью этой команды.

CD JQuery

Далее нам нужно установить модули зависимостей Node для запуска нашего проекта.

установка npm

Затем мы создаем наш jQuery, просто запустив команду Grunt (и нажав Enter)

хрюкать

Он вернет следующий отчет, если операция завершится успешно.
И как мы видим из отчета, наш jQuery сохраняется в папке dist /. На данный момент наш jQuery настроен со всеми функциями, поэтому его размер довольно велик – 265 КБ. Минимизированная версия на 83 КБ.
Удаление модулей
Допустим, мы хотим удалить модули эффектов из jQuery; мы можем запустить эту команду.

ворчание обычай: -эффекты

Если мы оглянемся назад на размер файла, он теперь уменьшен до 246 КБ.
Чтобы исключить несколько модулей, разделяйте каждый модуль запятой, например:

обычное ворчание: -эффекты, -ajax, -определено

И это, безусловно, уменьшит файл jQuery еще больше. В нашем случае он уменьшен до 207 КБ
Последняя мысль
jQuery может помочь нам легко манипулировать DOM, но с размером в 200 КБ это может повлиять на производительность вашего сайта. Таким образом, устраняя некоторые ненужные модули jQuery, ваш скрипт jQuery, безусловно, будет работать быстрее и эффективнее. Мы надеемся, что этот небольшой совет будет полезен для вашего следующего проекта.