Как написать плагин для Babel: меняем JavaScript так, как нам хочется (часть 2)
Продолжаем изучать Babel - транспилятор JavaScript. В этом видео мы узнаем, как написать свой Babel-плагин, чтобы расширить возможности языка и поменять его так, как нам хочется.
Предыдущая часть: • Babel: Пишем СЕРВЕР на JSX! Как и для чего...
Поддержать канал: https://lyoha.info/donate
Мой телеграм-канал: https://t.me/lyohajs
Сайт Babel: https://babeljs.io/
Видео про шаблон Visitor: • JavaScript Паттерны #19 - Visitor (Посетит...
Бойлерплейт от Петра Ковальски: https://github.com/piecioshka/boilerp...
AST explorer: https://astexplorer.net/
Документация по Babel Types: https://babeljs.io/docs/en/babel-types
Исходный код из видео: https://github.com/lyohaplotinka/yout...
Музыка:
► Artist Attribution
Music By: "After The Fall"
Track Name: "Tears Of Gia"
Published by: Chill Out Records
Source: https://goo.gl/fh3rEJ
Official After The Fall YouTube Channel Below
https://www.youtube.com/channel/UCGQE...
License: Eric/After The Fall @ Just Chill Productions
Creative Commons Attribution-ShareAlike 4.0 International (CC BY-SA 4.0)
Full license here: https://creativecommons.org/licenses
00:00 Главное из прошлого видео
01:31 Устройство Babel при работе с плагинами
03:32 Грамотное расширение функционала - Visitor
05:00 Всё, что нужно — предоставить Visitor
05:33 Идея: что будем делать?
06:45 Приступаем к работе!
07:58 Смотрим, что предоставляет нам Babel
08:39 Инструмент для просмотра AST
09:02 Как будет работать плагин
09:35 Начинаем превращения: Babel Types
11:49 Создаём новый объект-параметр
12:59 Проверяем, всё ли работает
13:22 Преобразовываем код вызова функций
14:08 Готово! Смотрим, как оно работает
14:48 Почему мы написали вредный плагин
15:23 Резюмируем: как писать плагин?
15:49 Как можно использовать в работе?
16:17 Заключение
#babel #plugin #плагин #javascript #es6 #es2021 #es2022