#2 Gulp сборка проекта | javascript

Поделиться
HTML-код
  • Опубликовано: 26 янв 2025

Комментарии • 19

  • @Фронтендер-з6о
    @Фронтендер-з6о  3 года назад +1

    Таймкоды:
    0:00​ Интро
    0:14​ Настройка scripts
    1:35​ Установка browserify
    4:49​ Преобразование в vinyl-stream
    6:12​ Установка gulp-uglify и gulp-sourcemaps
    8:42​ Настройка gulp-if
    11:01​ Обработка ошибок browserify

  • @Aegon_Targarien
    @Aegon_Targarien 3 года назад +1

    Отливное видео. Жду разработку сайта с помощью фреймворка в твоём исполнении

  • @ВячеславГончаров-ч1у
    @ВячеславГончаров-ч1у 3 года назад +1

    Полезная информация

  • @lenurabduramanov7134
    @lenurabduramanov7134 3 года назад

    Здраствуйте. У меня gulp не следит за html и другими папками. Выдаёт cannot get

    • @Фронтендер-з6о
      @Фронтендер-з6о  3 года назад

      Привет! Не совсем понял, где именно выдает ошибку cannot get? В браузере?

  • @ИринаГончарова-м8к
    @ИринаГончарова-м8к 3 года назад +1

    Хорошая информация

  • @АндрейЕльцин-г2м
    @АндрейЕльцин-г2м 3 года назад

    Test запускается из main.js? [sm]

  • @semdevmaster
    @semdevmaster 3 года назад +2

    Какой же Вы трудный путь выбрали с этим browserify, проще через webpack пустить сборку всего js, в разы меньше плагинов понадобится и конфигурируется гораздо удобнее.
    И sourcemap-ы у gulp 4 уже есть из коробки, не нужен никакой для этого плагин - что ж никто не любит читать документацию, всё тянут и тянут из третьей версии борохло)
    Но за видос спасибо, первая часть была интересная, думал ну наконец-то хоть один про четверку нормально расскажет, но нет, на втором видосе подсдулась крутизна этого миникурса, а жаль. Очень рекомендую прочитать всю доку, там очень много интересного, а то чувствую, что дальше смотреть будет уже не очень интересно.

    • @Фронтендер-з6о
      @Фронтендер-з6о  3 года назад +1

      Привет! Спасибо за обратную связь. Насчет sourcemaps не знал, спасибо, надо будет ввести это в практику. Как-то зациклился я на gulp, поэтому почти не применял webpack, буду это исправлять.
      В этом мини курсе хочу поделиться своим опытом использования gulp, и может не все супер правильно и круто. Но лично я бы хотел некоторые вещи знать намного раньше, поэтому это может быть полезно кому-то еще.
      Буду рад, если оставите какую-нибудь крутую сборку, чтобы посмотреть практики.

    • @sergeytsapliy7071
      @sergeytsapliy7071 3 года назад +3

      @@Фронтендер-з6о Здравствуйте! Нашел такую сборку с использованием webpack github.com/andreyalexeich/gulp-scss-starter но она идет с поддержкой ie с 9 версии

    • @Фронтендер-з6о
      @Фронтендер-з6о  3 года назад

      @@sergeytsapliy7071 Здравствуй! Круто, спасибо, посмотрю

    • @АлексейЛитвинов-й5в
      @АлексейЛитвинов-й5в 3 года назад

      @@sergeytsapliy7071 по описанию крутая сборка, спасибо

  • @pinkhappybear4682
    @pinkhappybear4682 3 года назад

    build так и не расскоментировал)

    • @Фронтендер-з6о
      @Фронтендер-з6о  3 года назад

      Привет!
      Можешь подсказать, что нужно раскомментить?
      github.com/DmitryBerdnikov/gulp-frontend-start-project/tree/main

    • @pinkhappybear4682
      @pinkhappybear4682 3 года назад

      @@Фронтендер-з6о Всё норм, я увидел дальше, что раскоментировал, во втором уроке просто таск build остался комментарием. Подскажи, пожалуйста, у нас все скрипты собираются в 1 js файл, но у меня страниц много и мне по идее не нужны скрипты всех страниц, как быть в этом случае?

    • @Фронтендер-з6о
      @Фронтендер-з6о  3 года назад

      ​@@pinkhappybear4682
      Сначала нужно подумать, нужна ли это оптимизация. Я в 90% случаев на простых сайтах бы использовал 1 js файл. Он загрузится 1 раз и потом будет браться из кэша.
      Но если нужно, то первое, что пришло на ум. Это в scriptsBuild не по одному файлу проходить main.js, а по массиву файлов. Но тогда нужно будет подумать, как сделать инкрементальную компиляцию (чтобы сборщик обрабатывал только те файлы, которые были изменены)