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

Channel:

Игорь Бабко

Subscribers:

7,530

Published on October 11, 2023 8:31:44 AM ● Video Link: https://www.youtube.com/watch?v=CmmdRi8TOew

Duration: 39:38

297 views

21

Пошагово разберем как использовать режим разработки библиотек (library mode) в Vite для создания NPM пакетов с последующей публикацией в NPM репозиторий.

🧪 Репозиторий: https://github.com/igorbabko/builds-with-vite

🧪 Исходный код урока 1: https://github.com/igorbabko/builds-with-vite/commit/87af8c3f426c545f6316d7032d145bade4a41060
🧪 Исходный код урока 2: https://github.com/igorbabko/builds-with-vite/commit/227f6b3e3be300f6bfa1dbcf8439d5acae0d425a
🧪 Исходный код урока 3: https://github.com/igorbabko/builds-with-vite/commit/34c77bb0c074deac3e7111580b4f3adf3dbd12b4
🧪 Исходный код урока 4: https://github.com/igorbabko/builds-with-vite/commit/d04d6ed87307dde5b7c4d60e79ae06916050097f
🧪 Исходный код урока 5: https://github.com/igorbabko/builds-with-vite/commit/4999bf61ac312c479f107fd51f1b715fda9a4fef

🎨 Тема VS Code:
https://marketplace.visualstudio.com/items?itemName=JoseMurilloc.aura-spirit-dracula

🎨 Иконки VS Code:
https://marketplace.visualstudio.com/items?itemName=BeardedBear.beardedicons
https://marketplace.visualstudio.com/items?itemName=PKief.material-icon-theme

✍️ Шрифт:
https://philpl.gumroad.com/l/dank-mono
https://www.jetbrains.com/lp/mono/

🍿 Весь плейлист:
https://www.youtube.com/playlist?list=PL-FhWbGlJPfZg649Ukk5vPa4nUjHhQ6o3

👀 Другие курсы:
Vue Composition API с нуля: https://www.youtube.com/playlist?list=PL-FhWbGlJPfaCm9Qx7G9wQqtt2_yBT92V
Кастомная настройка Tailwind CSS: https://www.youtube.com/playlist?list=PL-FhWbGlJPfbF0sFMBNwVlzQNGCsASYQw
Tailwind CSS + JIT компилятор: https://www.youtube.com/playlist?list=PL-FhWbGlJPfY5OQNvcOU9nWvxZgooW-FA
Лендинг Tesla на Tailwind CSS: https://www.youtube.com/playlist?list=PL-FhWbGlJPfbmPBYt_sUH3IbBddvrx506
Верстка YouTube на Tailwind CSS: https://www.youtube.com/watch?v=LdbHAZiZexU&list=PL-FhWbGlJPfa2QOklK-4ED0gZFg6gbmyE
YouTube клон на Vue 3 и Tailwind CSS: https://www.youtube.com/playlist?list=PL-FhWbGlJPfbiWrsWnvUy8HzbG85K722U
Настройка VS Code: https://www.youtube.com/playlist?list=PL-FhWbGlJPfZKlFiR0i3nLVgUMPg8Z4t-

#vite #vitejs #javascript #bundler #frontend #npm

🕛 Тайм-коды:
00:00 - Режим сборки библиотеки
13:05 - Сборка библиотек с несколькими точками входа
19:15 - Импорт модулей библиотеки с помощью require
23:31 - Сторонние зависимости в собственных библиотеках
30:03 - Публикация пакета в NPM репозитории