Вышло крупное обновление популярного инструмента для сборки JS-модулей Webpack

На этой неделе вышла третья версия JS-бандлера Webpack. С прошлого мажорного релиза (v2.2.0) прошло пять месяцев. Хорошая новость — если вы пользуетесь Webpack’ом для сборки, а не пишете к нему плагины, переход на третью версию потребует минимум усилий — пользовательский API не изменился. Обратная совместимость была сломана только во внутренних механизмах, используемых разработчиками плагинов.

Что нового?

Scope Hoisting — главная фича релиза. Раньше каждый модуль оборачивался бандлером в отдельную функцию (это делается для инкапсуляции), из-за чего замедлялись парсинг и выполнение собранного кода в браузере. В третьей версии можно просто подключить плагин webpack.optimize.ModuleConcatenationPlugin, и Webpack разом обернёт все модули в одну функцию вместо того, чтобы отдельно оборачивать каждый модуль.

Также в третьей версии добавили так называемые «магические комментарии». В Webpack 2 появилась поддержка нативного синтаксиса для динамического импорта модулей (import()), но не было возможности указывать имена чанков, как в require.ensure. Проблему решили, не ломая совместимость со стандартом ECMAScript — теперь имена чанков указываются в виде комментария внутри импорта:

import(/* webpackChunkName: "my-chunk-name" */ 'module');

Планы на будущее

Команда разработчиков Webpack спонсируется сообществом и работает в первую очередь над теми фичами, которые нужны ему. Новые фичи для будущих релизов определяются вами — голосуйте.

Источник: блог Webpack

Вакансии в тему:

Лого компании «Алгоритмика»
JavaScript Developer (React)
JavaScript Developer (React)
Алгоритмика, Москва, до 150 000 ₽
Лого компании «12Go Asia»
PHP-разработчик
PHP-разработчик
12Go Asia, от 1 500 до 2 500 $ (до налогов)
Лого компании «Клиника DOC+»
Full Stack Developer
Full Stack Developer
Клиника DOC+, Москва, до 150 000 ₽
Лого компании «Samsung Research Center»
Full Stack разработчик
Full Stack разработчик
Samsung Research Center, Москва, от 90 000 ₽ (до налогов)