К основному контентуEN
Доклад

🦄 (Не)вероятный доклад! 🦄 Webpack: актуальные тренды и новые возможности

  • На русском языке

Это фейковый спикер. И даже доклад нереальный. То есть из будущего.

Но зато это неслучайная страница — она здесь, чтобы привлечь твое внимание.

Мысль такая:

Мы приложим все усилия, чтобы на конференции HolyJS 2025 Spring в апреле — было выступление на похожую тему. Когда найдем такого спикера — обязательно включим его в программу конференции.

  • Если ты разбираешься в этой теме — то давай ты и выступишь с похожим докладом на эту тему? Мы серьезно!

Вся конкретика и детали, нюансы и кейсы, интерпретация и презентации — все на твой вкус!

➡️ Достаточно подать заявку на выступление. ⬅️

Со всем остальным мы (еще как!) поможем и ответим на все вопросы, если что.

Это ненастоящий план доклада — приходи со своим

Webpack: актуальные тренды и новые возможности

Введение

  • Краткое описание темы доклада и ее актуальности в современной веб-разработке.
  • Обзор основных возможностей и преимуществ использования модульных сборщиков, таких как Webpack.

Новые возможности Webpack 5

  • Обзор ключевых нововведений в последней версии Webpack 5.
  • Улучшенная производительность и оптимизация сборки.
  • Поддержка ECMAScript модулей (ES Modules) и динамического импорта.
  • Новая система кэширования и оптимизация повторных сборок.

Тренды в конфигурации Webpack

  • Использование конфигурационных файлов в формате ESM (ECMAScript модули).
  • Преимущества использования ESM для конфигурации Webpack.
  • Примеры конфигурационных файлов на основе ESM и их особенности.

Оптимизация сборки с помощью плагинов

  • Обзор популярных плагинов для оптимизации сборки с Webpack.
  • Плагины для минификации и сжатия кода (например, TerserWebpackPlugin, CompressionWebpackPlugin).
  • Плагины для разделения кода и оптимизации загрузки (например, SplitChunksPlugin, RuntimeChunkPlugin).
  • Плагины для управления ресурсами (например, CopyWebpackPlugin, CleanWebpackPlugin).

Интеграция с современными инструментами

  • Использование Webpack с новыми фреймворками и библиотеками (React, Vue.js, Angular).
  • Интеграция с инструментами для автоматизации разработки (Babel, ESLint, Prettier).
  • Настройка Webpack для работы с TypeScript.

Продвинутые техники оптимизации

  • Использование Code Splitting для оптимизации загрузки кода.
  • Настройка Lazy Loading для загрузки ресурсов по требованию.
  • Применение техник Tree Shaking для удаления неиспользуемого кода.
  • Оптимизация загрузки шрифтов и изображений с помощью Webpack.

Заключение

  • Обобщение ключевых моментов доклада.
  • Перспективы развития Webpack и модульных сборщиков в целом.
  • Призыв к использованию современных техник оптимизации и новых возможностей Webpack для повышения производительности веб-приложений.

ИТОГО:

[Подать заявку]

Доклады