Настройка Rollup с нуля: сжатие JavaScript, типизация, TypeScript, плагины в Rollup

12+

13 просмотров

Тема видео - Настройка Rollup. Разберем сразу на реальных задачах. Как пример возьмем один из моих проектов - скрипт аналитики сайта, где код пишется в проекте, а затем минимизируется и размещается на сайте клиента уже как JS Bundle. Настроим все с нуля, добавим Typescript и пройдем все этапы, включая необходимые для проекта плагины Rollup Телеграм-канал с новостями веб-разработки, полезными материалами, возможностью участвовать в карьерных консультациях, мок-интервью и активным чатом на 4 000 ребят с самым разным опытом, присоединяйтесь! ✈️ https://t.me/purple_code_channel 📚 Десятки доступных курсов по разработке, тестированию и DevOps на нашей супер-платформе — https://purpleschool.ru/?utm_source=rutube&utm_medium=link&utm_campaign=%D0%BD%D0%B0%D1%81%D1%82%D1%80%D0%BE%D0%B9%D0%BA%D0%B0+rollup+%D1%81+%D0%BD%D1%83%D0%BB%D1%8F%3A+%D1%82%D0%B5%D1%81%D1%82+%D0%BD%D0%B0+%D0%BF%D1%80%D0%BE%D0%B5%D0%BA%D1%82%D0%B5 📚 Основы JavaScript — https://purpleschool.ru/course/javascript-basics/?utm_source=rutube&utm_medium=link&utm_campaign=%D0%BD%D0%B0%D1%81%D1%82%D1%80%D0%BE%D0%B9%D0%BA%D0%B0+rollup+%D1%81+%D0%BD%D1%83%D0%BB%D1%8F%3A+%D1%82%D0%B5%D1%81%D1%82+%D0%BD%D0%B0+%D0%BF%D1%80%D0%BE%D0%B5%D0%BA%D1%82%D0%B5 📚 Продвинутый JavaScript — https://purpleschool.ru/course/javascript-advanced/?utm_source=rutube&utm_medium=link&utm_campaign=%D0%BD%D0%B0%D1%81%D1%82%D1%80%D0%BE%D0%B9%D0%BA%D0%B0+rollup+%D1%81+%D0%BD%D1%83%D0%BB%D1%8F%3A+%D1%82%D0%B5%D1%81%D1%82+%D0%BD%D0%B0+%D0%BF%D1%80%D0%BE%D0%B5%D0%BA%D1%82%D0%B5 📚 TypeScript с нуля — https://purpleschool.ru/course/typescript/?utm_source=rutube&utm_medium=link&utm_campaign=%D0%BD%D0%B0%D1%81%D1%82%D1%80%D0%BE%D0%B9%D0%BA%D0%B0+rollup+%D1%81+%D0%BD%D1%83%D0%BB%D1%8F%3A+%D1%82%D0%B5%D1%81%D1%82+%D0%BD%D0%B0+%D0%BF%D1%80%D0%BE%D0%B5%D0%BA%D1%82%D0%B5 Бесплатные материалы 🗂️ Карьерные пути для развития в разработке под вашу ситуацию — https://purpleschool.ru/skills/?utm_source=rutube&utm_medium=link&utm_campaign=%D0%BD%D0%B0%D1%81%D1%82%D1%80%D0%BE%D0%B9%D0%BA%D0%B0+rollup+%D1%81+%D0%BD%D1%83%D0%BB%D1%8F%3A+%D1%82%D0%B5%D1%81%D1%82+%D0%BD%D0%B0+%D0%BF%D1%80%D0%BE%D0%B5%D0%BA%D1%82%D0%B5 🗂️ Курс «Основы разработки» — https://purpleschool.ru/course/code-basics/?utm_source=rutube&utm_medium=link&utm_campaign=%D0%BD%D0%B0%D1%81%D1%82%D1%80%D0%BE%D0%B9%D0%BA%D0%B0+rollup+%D1%81+%D0%BD%D1%83%D0%BB%D1%8F%3A+%D1%82%D0%B5%D1%81%D1%82+%D0%BD%D0%B0+%D0%BF%D1%80%D0%BE%D0%B5%D0%BA%D1%82%D0%B5 🗂️ Курс «CSS Flexbox» — https://purpleschool.ru/course/flexbox/?utm_source=rutube&utm_medium=link&utm_campaign=%D0%BD%D0%B0%D1%81%D1%82%D1%80%D0%BE%D0%B9%D0%BA%D0%B0+rollup+%D1%81+%D0%BD%D1%83%D0%BB%D1%8F%3A+%D1%82%D0%B5%D1%81%D1%82+%D0%BD%D0%B0+%D0%BF%D1%80%D0%BE%D0%B5%D0%BA%D1%82%D0%B5 Таймкоды 00:00 - Интро 00:25 - Разбор проекта 02:38 - Добавление Rollup 05:37 - Сжатие JavaScript 06:40 - Добавление типов 09:05 - Преобразование TypeScript 11:10 - Настройка параметров TypeScript 13:37 - Другие плагины 14:06 - Аутро

, чтобы оставлять комментарии