Вся эта затея, моя попытка перепилить известный пакет
Easy-webdev-startpack
на новые рельсы, а именно обеспечить поддержку node v17.* и gulp-sass 5.0.
оригинал находится по адресу Смотрите
Основные отличия от оригинала:
- Поддержка актуальной на сегодня версии Node v17.2.0
- Обеспечена работа задач под gulp-sass v5.0.0
- Версии модулей обновлены до последних рабочих без поддержки ESM
Далее будет описание, как это все хозяйство установить и запустить. Писать буду как для себя, т.к. это мой первый опыт работы с nodejs, gulp и т.п.
Среда и инструментарий:
- OS Linux
- Nodejs / Среда для запуска JavaScript-приложений
- NVM / Управление версиями Node.js и NPM
- NPM / Менеджер пакетов. Загрузка и установка пакетов из репозитория nodejs
- Yarn / Еще один менеджер пакетов. Работает быстрее NPM и выполняет несколько задач параллельно.
- GIT / Система контроля версий
- Wget или Curl / Доунлоадеры чаще всего
- Gulp / это таск-менеджер для автоматического выполнения часто используемых задач
Последовательность действий, все действия выполняются в терминале
-
Устанавливаем
Nvm
. Все действия выполняем от имени локального пользователя НИКАКОГОsudo
илиroot
wget -qO- https://raw.githubusercontent.com/nvm-sh/nvm/v0.37.2/install.sh | bash
nvm
будет установлен в СКРЫТУЮ директорию~/.nvm
чтобы ее увидетьCtrl+H
-
Устанавливаем актуальную версию Nodejs :
nvm install 17.2.0
-
Проверяем, что все корректно установилось
nvm ls
иnode -v
иnpm -v
-
Устанавливаем Yarn менеджер :
npm install --global yarn
, проверяемyarn -v
-
Устанавливаем
gulp
:yarn global add gulp
, проверяем, что все корректноgulp -v
Теперь можно выдохнуть, основные компоненты установленыnodejs
,gulp
-
Чтобы не было лишних проблем, очищаем кэш
npm cache clean --force
,nvm cache clear
Создаем копию репозитория она же будет директорией проекта, потом можно переименовать.
в командной строке терминала:
git clone https://github.com/Sellato/fork-easy-webdev-startpack-node-v17-gulp-sass-v5.git
переходим в создавшуюся директорию
cd fork-easy-webdev-startpack-node-v17-gulp-sass-v5.git
устанавливаем необходимые модули и обновляем зависимости:
yarn install
Если ошибок нет, запускаем ваш проект, просто выполните команду
gulp
Как потом управляться со всем этим добром, читаем пост автора сборки