Теги

Комментарии (0)

    +
    T
    >

    Gulp, default template

    /* Превью

    Компиляция всего необходимого для вёрстки в Gulp, стандартный шаблон для копипаста

    */

    Итак, подумал я попробовать Gulp для компиляции стилей SASS и компрессии JavaScript в 1 файл, до этого я использовал максимально ленивый и простой способ, прогу Koala с графическим интерфейсом, она бесплатная и прекрасно справляется со своей задачей, но я подумал использовать гулп так как он может разширить спектр реализуемых задач, каких, попробуем разобраться тут же.

    Что такое Gulp? Это модуль для Node.js который собирает и обрабатывает проекты, всё до чего доберётся твоя фантазия %USER_NAME%

    Установка Gulp

    1. Установка на комп, через npm

      npm i gulp -g
    2. Создание шаблона npm проекта

      npm init
      Отвечаем на вопросы или просто жамкаем enter
    3. Добавляем сам Gulp
      npm i gulp-cli --global
      npm i gulp --save-dev
    4. Ну и типа готово

    Настройка для компиляции SASS

    1. Для компиляции SASS нам понадобиться дополнительный пакет gulp-sass добавляем его на комп
      npm i gulp-sass --global
      Потом в проект
      npm i gulp-sass --save-dev
    2. Создаём файл со всеми конфигами проекта Node.js gulpfile.js
      Windows 64-bit with Unsupported runtime (88) - Решается установкой стабильной версии Node js, удаление текущей и переустановкой всех модулей
      Код выполняется успешно, но .css файл не получается

    Запуск

    1. Запускаем необходимый фунционал из gulp, например компиляция sass
      gulp sass

    Итог

    Потратил 4 часа на копипаст кода из офф документации, установку модулей и исправление различных ошибок. Ничего не работает, забью пока что хер и буду дальше использовать Koala