Плагины Gulp
Предположим, нам необходим установить плагин Live Server
, его используют для локального сервера и автоматически обновлять страницы при изменениях в файлах.
Установка из консоли:
npm i browser-sync --save-dev
Подключение в файле gulpfile.js
, в конце необходимо указать .create()
для создания нового подключения:
gulpfile.jsconst browserSync = require('browser-sync').create();
Создание таска (задачи) в файле gulpfile.js
:
gulpfile.js// определяем логику работы Browsersync
function browsersync() {
browserSync.init({ // инициализация Browsersync
server: { baseDir: 'app/' }, // указываем папку сервера
notify: false, // отключаем уведомления
online: true // режим работы: true или false
})
}
Для того, чтобы получить готовый к запуску таск, функцию или комбинацию функций необходимо экспортировать:
gulpfile.js// экспортируем функцию browsersync() как таск browsersync. Значение после знака = это имеющаяся функция
exports.browsersync = browsersync;
Запускаем новый таск командой:
gulp browsersync
При использовании модуля, рекомендую всегда читать его документацию на официальном сайте или на сайта npmjs.org.
Обновление плагинов
Чтобы проверить наличие новых версий плагинов в package.json,
установим npm-check
. Данный плагин может не только находить устаревшие зависимости, но так же неправильные и неиспользованные.
Установка плагина:
npm install -g npm-check
Проверка актуальности версий пакетов:
npm-check
Обновление в автоматическом режиме:
npm-check -u
Удаление плагинов
Эта команда удаляет пакет из папки node_modules
, в файле package.json
информация о данном пакете остается:
npm uninstall название_пакета
Чтобы удалить информацию также и из package.json
, применяется флаг --save
:
npm uninstall название_пакета --save