#1 Gulp сборка проекта | babel, eslint, browser-sync

แชร์
ฝัง
  • เผยแพร่เมื่อ 10 พ.ย. 2024

ความคิดเห็น • 66

  • @Фронтендер-з6о
    @Фронтендер-з6о  3 ปีที่แล้ว +3

    Таймкоды:
    0:00​ Интро
    0:41​ Создание git-репозитория
    1:10​ Настройка editorconfig
    2:52​ Установка npm
    4:39​ Установка gulp
    8:51​ Установка eslint
    13:11​ Создание папок проекта
    14:17​ Настройка config
    17:26​ gulp watch, gulp build
    19:03​ Установка husky
    19:58​ Установка lint-staged
    21:48​ Настройка clean
    26:36​ Настройка browser-sync

  • @АнараАслалеева
    @АнараАслалеева 3 ปีที่แล้ว

    НУ НАКОНЕЦ ТО!!!!!!!!! УРА!!!!!!! С ВОЗВРАЩЕНИЕМ БРО!!!!!!!!!!!!!!!! СМОТРИМ!!!!!!!!!!!!!!!

  • @romko-romario
    @romko-romario 2 ปีที่แล้ว +1

    Контент супер, моя огромная благодарность! То что надо, чтобы вырасти от джуна до миддла.

  • @veaceslavpascaru7294
    @veaceslavpascaru7294 3 ปีที่แล้ว +2

    Очень приятно видеть ФРОНТЕНДЕРА обратно. С возвращением. Очень ждал твоих видео. Ты молодец!!!!!!!!!!!

  • @MaksssHome
    @MaksssHome 3 ปีที่แล้ว +4

    С возвращением), мы тебя ждали!

    • @Фронтендер-з6о
      @Фронтендер-з6о  3 ปีที่แล้ว +1

      Привет!

    • @MaksssHome
      @MaksssHome 3 ปีที่แล้ว

      @@Фронтендер-з6о Привет! Есть идея по поводу реализации видео по javasсript - th-cam.com/video/KqZGuzrY9D4/w-d-xo.html
      Я думаю это гениально и стоит того) Благодарю)

    • @Фронтендер-з6о
      @Фронтендер-з6о  3 ปีที่แล้ว +1

      @@MaksssHome Привет! Круто)

    • @MaksssHome
      @MaksssHome 3 ปีที่แล้ว

      @@Фронтендер-з6о Просто вспомнил что ты подобно также рассказал и отмечал конкретные детали по пунктам, когда рассказывал про разметку на макете

  • @ЦарьЦаревич-и1ю
    @ЦарьЦаревич-и1ю 3 ปีที่แล้ว +2

    Очень рад, что ты вернулся, у тебя просто крутейшие уроки, особенно по Wordpress было очень полезно

  • @BobBrown-k5d
    @BobBrown-k5d 3 ปีที่แล้ว +2

    Безгранично благодарен за этот контент!

  • @alexandrborodin5749
    @alexandrborodin5749 3 ปีที่แล้ว +1

    Наконец-то!!! Долгожданное возвращение!

  • @ИринаГончарова-м8к
    @ИринаГончарова-м8к 3 ปีที่แล้ว +1

    Крутые уроки. Полезная информация!

  • @nikitaskin6511
    @nikitaskin6511 3 ปีที่แล้ว +1

    Отличные видео! С возвращением!

  • @dkyshka2436
    @dkyshka2436 3 ปีที่แล้ว +1

    Оооо, здравствуй! Ты профи! Наконец то ты вернулся, надеюсь у тебя все превосходно!

  • @TeeBKECH
    @TeeBKECH 3 ปีที่แล้ว +3

    Привет, видео ТОП! Жаль для меня пока понимание такой сборки сложновато. Но ничего, разберёмся) Жду новых видео

    • @Фронтендер-з6о
      @Фронтендер-з6о  3 ปีที่แล้ว

      Привет! Сначала не понятно, со временем становится понятнее)

  • @denismaltsev1798
    @denismaltsev1798 3 ปีที่แล้ว +1

    с возвращением, спасибо )

  • @oleksandr2932
    @oleksandr2932 2 ปีที่แล้ว +1

    Спасибо. Все понятно)

  • @ВячеславГончаров-ч1у
    @ВячеславГончаров-ч1у 3 ปีที่แล้ว +1

    Информативный урок

  • @Виталий-й7ч4ъ
    @Виталий-й7ч4ъ 3 ปีที่แล้ว +1

    Бро с возращение!

  • @АндрейЕльцин-г2м
    @АндрейЕльцин-г2м 2 ปีที่แล้ว +1

    Пиздец как сложно, но интересно.

  • @jackdoe1312
    @jackdoe1312 3 ปีที่แล้ว +1

    Какие люди, с возвращением, Дима)
    А чего нибудь на Webpack 5 делать будем? Типа плагины писать да и вообще js побольше.. Или поработать с lodash, jQuery, Vue.js..

    • @Фронтендер-з6о
      @Фронтендер-з6о  3 ปีที่แล้ว +2

      Привет! После сборки в планах многостраничный сайт с использованием этой сборки, макет есть и начал его делать. Возможно, запишу посадку на wp с новым макетом уже с посложнее функционалом. А дальше надо будет думать, обязательно на js что-нибудь

    • @jackdoe1312
      @jackdoe1312 3 ปีที่แล้ว +1

      @@Фронтендер-з6о Буду ждать. Как сказал один известный в мире спортсмен:" делай то, что другие не делают, станешь лучшим"))

    • @Mamikonars
      @Mamikonars 3 ปีที่แล้ว +1

      @@Фронтендер-з6о да было бы круто верстка + WP! Жду с нетерпением.

  • @oleksandrilchuck8482
    @oleksandrilchuck8482 3 ปีที่แล้ว +1

    Спасибо!

  • @romanroman4308
    @romanroman4308 3 ปีที่แล้ว +1

    спасибо!

  • @НиколайТитов-ч5п
    @НиколайТитов-ч5п ปีที่แล้ว

    В самом конце появилась непонятная ситуация: при изменении в html сервер автоматически перезагружается, а при изменении в css или добавлении в папку images нет, только в режиме ручной перезагрузки. Может дело в версиях плагинов? В некоторых случаях очень большая разница.

    • @Фронтендер-з6о
      @Фронтендер-з6о  ปีที่แล้ว

      Да, что-то может сломаться, если разные версии

  • @pavelrugal6563
    @pavelrugal6563 3 ปีที่แล้ว +1

    привет бро) когда следующий видос? почему выбрал gulp, а не webpack?

    • @Фронтендер-з6о
      @Фронтендер-з6о  3 ปีที่แล้ว +1

      Привет! В четверг, по этому курсу буду выкладывать в понедельник и четверг. Потому что в основном работаю на gulp и показываю свои практики, возможно, в дальнейшем перейду на на webpack

  • @romannovak375
    @romannovak375 3 ปีที่แล้ว

    помогите пожалуйста у меня не работает husky версия 7.0.1 😓

    • @Фронтендер-з6о
      @Фронтендер-з6о  3 ปีที่แล้ว +1

      Привет!
      Там изменилась документация, можно поставить старую версию как в уроке и тогда все будет работать, или посмотри здесь typicode.github.io/husky/#/

  • @BobBrown-k5d
    @BobBrown-k5d 3 ปีที่แล้ว

    Почему возникает предупреждение?
    The following tasks did not complete: build, clean
    Did you forget to signal async completion?
    В видео оно есть, например, на 16:29, но на 26:09 его уже нет. А у меня продолжает выводиться

    • @Фронтендер-з6о
      @Фронтендер-з6о  3 ปีที่แล้ว +1

      Привет!
      Потому что при галп таски ожидают асинхронные функции.
      В первом примере выводится console.log и больше ничего не делается, галп не понимает завершилась ли функция. Во втором примере возвращается del (он возвращает промис, написано в документации www.npmjs.com/package/del)
      В первом примере можно вызвать callback функцию, тогда мы покажем, что функцию завершилась и этой ошибки не будет.
      В документации gulp про это написано gulpjs.com/docs/en/getting-started/async-completion/

  • @АндрейЕльцин-г2м
    @АндрейЕльцин-г2м 2 ปีที่แล้ว

    Npm run dev браузер не открывается и даже в открытом страница не открывается

    • @Фронтендер-з6о
      @Фронтендер-з6о  2 ปีที่แล้ว

      Привет!
      Браузер не откроется, надо вручную открывать.
      Если хочется, чтобы браузер открывался, надо здесь true поставить
      github.com/DmitryBerdnikov/gulp-frontend-start-project/blob/b7b6157eec1347d2a0a4b28c43ebaadb2d9c9e4f/gulp/tasks/server.js#L20

    • @НиколайТитов-ч5п
      @НиколайТитов-ч5п ปีที่แล้ว

      @@Фронтендер-з6о [Browsersync] Serving files from: build
      [Browsersync] Watching files...
      и все , ни на что не реагирует. Html открывает только в ручном режиме, а на изменения в css и папке images вообще забил.
      open: true,
      notify: false,
      И как с этим бороться?😂

    • @Фронтендер-з6о
      @Фронтендер-з6о  ปีที่แล้ว

      @@НиколайТитов-ч5п Привет! Если поставить версии пакетов, как в примере на гитхабе, то не работает?
      Если версии отличаются, то что-то может сломаться

  • @chowdur446
    @chowdur446 2 ปีที่แล้ว

    Братан делай пожалуйста урок по js как делать самому бургер модальный окно

    • @Фронтендер-з6о
      @Фронтендер-з6о  2 ปีที่แล้ว +1

      Привет! Интересно самому реализовывать такие компоненты, но обещать не могу

  • @gvitoss
    @gvitoss 3 ปีที่แล้ว +1

    Да ладно?)

  • @shifronim8950
    @shifronim8950 3 ปีที่แล้ว

    Привет, а эта сборка галпа для винды?

    • @Фронтендер-з6о
      @Фронтендер-з6о  3 ปีที่แล้ว +1

      Привет! Необязательно, вроде нету ничего специфичного для винды

    • @shifronim8950
      @shifronim8950 3 ปีที่แล้ว

      @@Фронтендер-з6о ок спасибо, задумался встанет ли на десятой винде или надо будет wsl2 пытаться завести

  • @svet0v
    @svet0v 3 ปีที่แล้ว +1

    А зачем подключать babel так замудренно, если можно как есть сделать проще? github.com/budfy/Easy-webdev-startpack

    • @Фронтендер-з6о
      @Фронтендер-з6о  3 ปีที่แล้ว

      Привет! Возможно, но можешь уточнить в чем проще?

  • @vvkk3423
    @vvkk3423 3 ปีที่แล้ว

    Комментарий

  • @Hello_world_2020A
    @Hello_world_2020A 3 ปีที่แล้ว

    Я не понимаю
    Зачем мне учить Gulp

    • @Фронтендер-з6о
      @Фронтендер-з6о  3 ปีที่แล้ว +1

      Привет! Сборщики проектов упрощают разработку