🧐 Возвращаясь к теме отладки Frontend: у нас есть особое окружение, отладка в котором на порядок сложнее. Это отладка Prod сборки.
Почему? Ну, давайте разбираться:
1. При сборке в Prod мы минифицируем наш код, а значит все переменные и имена функций становятся однобуквенными; комментария и отступы удаляются; код может физически поменяться (например, несколько if станут одним большим switch-case); tree-shake оптимизация удаляет неиспользуемый функционал в модулях и много другое.
2. Если мы используем Webpack, то имена подключаемых модулей также станут однобуквенными.
3. Скорее всего мы будем делать сборку в несколько версий: ES5, ES2015 и т.д. Это еще одно усложнение.
4. Ошибка в Prod может происходить в конкретной версии конкретного браузера на определенном устройстве. Например, телефон Xiaomi и их кастомный Webview. А значит нужно как то собирать информацию об окружении и уметь его эмулировать.
5. А еще есть браузеры с плагинами, которые мешают вашему приложению нормально работать!
Да на самом деле куча нюансов. И вот что с этим делать и как жить дальше мы сегодня обсудим на бесплатной открытой лекции посвященной дебагу.
Начало в 19.00. Для посещения необходима регистрация - https://kobezzzalab.ru/debugveb
Лекцию буду читать Я и Дима Холстинин. Будет минимум воды и live-code. Всех ждем!
Почему? Ну, давайте разбираться:
1. При сборке в Prod мы минифицируем наш код, а значит все переменные и имена функций становятся однобуквенными; комментария и отступы удаляются; код может физически поменяться (например, несколько if станут одним большим switch-case); tree-shake оптимизация удаляет неиспользуемый функционал в модулях и много другое.
2. Если мы используем Webpack, то имена подключаемых модулей также станут однобуквенными.
3. Скорее всего мы будем делать сборку в несколько версий: ES5, ES2015 и т.д. Это еще одно усложнение.
4. Ошибка в Prod может происходить в конкретной версии конкретного браузера на определенном устройстве. Например, телефон Xiaomi и их кастомный Webview. А значит нужно как то собирать информацию об окружении и уметь его эмулировать.
5. А еще есть браузеры с плагинами, которые мешают вашему приложению нормально работать!
Да на самом деле куча нюансов. И вот что с этим делать и как жить дальше мы сегодня обсудим на бесплатной открытой лекции посвященной дебагу.
Начало в 19.00. Для посещения необходима регистрация - https://kobezzzalab.ru/debugveb
Лекцию буду читать Я и Дима Холстинин. Будет минимум воды и live-code. Всех ждем!