⚡️ Vite - Создание и публикация NPM пакета

Поделиться
HTML-код
  • Опубликовано: 27 июл 2024
  • Пошагово разберем как использовать режим разработки библиотек (library mode) в Vite для создания NPM пакетов с последующей публикацией в NPM репозиторий.
    Telegram - t.me/igorbabko_dev
    🧪 Репозиторий: github.com/igorbabko/builds-w...
    🧪 Исходный код урока 1: github.com/igorbabko/builds-w...
    🧪 Исходный код урока 2: github.com/igorbabko/builds-w...
    🧪 Исходный код урока 3: github.com/igorbabko/builds-w...
    🧪 Исходный код урока 4: github.com/igorbabko/builds-w...
    🧪 Исходный код урока 5: github.com/igorbabko/builds-w...
    🎨 Тема VS Code:
    marketplace.visualstudio.com/...
    🎨 Иконки VS Code:
    marketplace.visualstudio.com/...
    marketplace.visualstudio.com/...
    ✍️ Шрифт:
    philpl.gumroad.com/l/dank-mono
    www.jetbrains.com/lp/mono/
    🍿 Весь плейлист:
    • Vite - сборщик нового ...
    👀 Другие курсы:
    Vue Composition API с нуля: • Vue Composition API с ...
    Кастомная настройка Tailwind CSS: • Кастомная настройка Ta...
    Tailwind CSS + JIT компилятор: • Tailwind CSS + JIT ком...
    Лендинг Tesla на Tailwind CSS: • Лендинг Tesla на Tailw...
    Верстка RUclips на Tailwind CSS: • Tailwind CSS RUclips к...
    RUclips клон на Vue 3 и Tailwind CSS: • RUclips клон на Vue 3 ...
    Настройка VS Code: • Настройка VS Code
    #vite #vitejs #javascript #bundler #frontend #npm
    🕛 Тайм-коды:
    00:00 - Режим сборки библиотеки
    13:05 - Сборка библиотек с несколькими точками входа
    19:15 - Импорт модулей библиотеки с помощью require
    23:31 - Сторонние зависимости в собственных библиотеках
    30:03 - Публикация пакета в NPM репозитории

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

  • @igorbabko
    @igorbabko  4 месяца назад

    Telegram - t.me/igorbabko_dev

  • @sergeitinc
    @sergeitinc 9 месяцев назад

    Спасибо за этот крутой видеоурок!
    Вы очень хорошо объясняете и демонстрируете все необходимые шаги для создание и публикация #vite #NPM #package.
    Вы - профессионал и талантливый преподаватель.
    Жду ваших новых видео с нетерпением! 👍
    #CreateNPMPackage

    • @igorbabko
      @igorbabko  9 месяцев назад

      Спасибо огромное за Вашу поддержку, очень приятно слышать такое) Буду стараться регулярно загружать видео!)

  • @evgeny_5891
    @evgeny_5891 9 месяцев назад +2

    Если есть опыт, пильни плиз обзоный видос по nuxt3 + vite + ts)! Можно в рамках 3ч видео, можно в виде отдельных уроков, будет полезно. Спасибо за контент по vite

    • @igorbabko
      @igorbabko  9 месяцев назад

      Не за что) В планах есть сделать плейлисты по Nuxt и TypeScript отдельно. А касательно всего вместе, посмотрим, может и будет что-то такое)

  • @Egorb
    @Egorb 5 месяцев назад

    Шикарный видос, сразу подписка!!!

    • @igorbabko
      @igorbabko  5 месяцев назад

      Благодарю за подписку!!

  • @karlson2804
    @karlson2804 9 месяцев назад

    Цікаво було б ще розглянути як створювати Vite плагіни для Vite.

    • @igorbabko
      @igorbabko  9 месяцев назад +1

      В данном плейлисте мы также немного касаемся темы создания Vite плагинов - ruclips.net/video/j_qhoJKWJdI/видео.html
      Посмотрим как получится, может, в будущем и сделаем отдельный плейлист по созданию Vite плагинов, но не гарантирую)