Написать пост

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

Аватар Иван Бирюков

На этой неделе вышло крупное обновление сборщика 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 спонсируется сообществом и работает в первую очередь над теми фичами, которые нужны ему. Новые фичи для будущих релизов определяются вами — голосуйте.

Следите за новыми постами
Следите за новыми постами по любимым темам
2К открытий2К показов