Использование установленных пакетов с помощью NPM

Очень просто использовать пакеты попадающие в папку node_modules. Предположим, вы установили популярный пакет owl.carousel который имеет зависимость в виде jquery. Зависимости видны если посмотреть списка установленных пакетов.

Вывести список глобально установленных пакетов с помощью команды:

npm list --global

Вывести список локально установленных пакетов с помощью команды:

npm list

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

• Gulp
• Webpack
• Vite

Инструменты сборки

Инструменты сборки, работают по двум разным принципам. Например Vite использует модульный подход, скрипт становится модулем, при помощи атрибута:

<script type="module"></script>

Подробнее о модульной системе можно прочитать тут.

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

<script></script>

Одно из преимуществ использования сборщика – он предоставляет больший контроль над тем, как модули ищутся, позволяет использовать голые модули и многое другое своё. Сборщик делает следующее:

• Недостижимый код удаляется
• Неиспользуемые экспорты удаляются
• Специфические операторы для разработки, такие как console и debugger, удаляются
• Современный синтаксис JavaScript также может быть трансформирован в предыдущий стандарт, с похожей функциональностью, например, с помощью Babel.
• Полученный файл можно минимизировать, удалить пробелы, заменить названия переменных на более короткие и т.д.

Подключение исполняемых файлов

Не все устанавливается в виде библиотек, некоторые библиотеки представляют собой исполняемый файл. После установки исполняемый файл попадёт в папку node_modules/.bin/folder.

Посмотреть на то, как выглядит работа этого механизма можно установив пакет cowsay. Он представляет собой шуточную программу, написанную для командной строки. Если передать этому пакету какой-нибудь текст в консоли, в стиле ASCII, будет выведено изображение коровы, которая произносит соответствующий текст.

После установки пакета с использованием команды:

npm install cowsay

Пакет вместе со своими зависимостями, попадёт в папку node_modules, при этом в скрытую папку .bin будут записаны символические ссылки на бинарные файлы cowsay.

Для вызова программы можно ввести в терминале нечто вроде:

./node_modules/.bin/cowsay

Это рабочий подход, но гораздо лучше воспользоваться npx командой, по сути являющийся запуском исполняемых файлов npm пакетов. Путь к пакету npx найдёт автоматически. В нашем случае понадобится такая команда:

npx cowsay