Gulp, default template
/* Превью
Компиляция всего необходимого для вёрстки в Gulp, стандартный шаблон для копипаста
*/
Итак, подумал я попробовать Gulp для компиляции стилей SASS и компрессии JavaScript в 1 файл, до этого я использовал максимально ленивый и простой способ, прогу Koala с графическим интерфейсом, она бесплатная и прекрасно справляется со своей задачей, но я подумал использовать гулп так как он может разширить спектр реализуемых задач, каких, попробуем разобраться тут же.
Что такое Gulp? Это модуль для Node.js который собирает и обрабатывает проекты, всё до чего доберётся твоя фантазия %USER_NAME%
Установка Gulp
-
Установка на комп, через npm
npm i gulp -g -
Создание шаблона npm проекта
Отвечаем на вопросы или просто жамкаем enternpm init - Добавляем сам Gulp
npm i gulp-cli --globalnpm i gulp --save-dev - Ну и типа готово
Настройка для компиляции SASS
- Для компиляции SASS нам понадобиться дополнительный пакет gulp-sass добавляем его на комп
Потом в проектnpm i gulp-sass --globalnpm i gulp-sass --save-dev - Создаём файл со всеми конфигами проекта Node.js gulpfile.js
Windows 64-bit with Unsupported runtime (88) - Решается установкой стабильной версии Node js, удаление текущей и переустановкой всех модулей
Код выполняется успешно, но .css файл не получается
Запуск
- Запускаем необходимый фунционал из gulp, например компиляция sass
gulp sass
Итог
Потратил 4 часа на копипаст кода из офф документации, установку модулей и исправление различных ошибок. Ничего не работает, забью пока что хер и буду дальше использовать Koala
Комментарии ()
Написать комментарий