Сергей Мелюков

📝Добавил в webpack поддержку browserslist.
Если в вашем проекте будет найден конфиг для browserslist, то webpack использует его для определения ES-фич, которые он может использовать при формировании runtime-кода (это код, в который webpack оборачивает модули и сам чанк).
Например, если в вашем конфиге для browserslist указан браузер, который не поддерживает стрелочные функции (например IE11), то вебпак будет оборачивать модули в обычные функции вместо стрелочных и т.д.
Помимо стрелочных функций, вебпак пытается определить из конфига поддержку и некоторых других фич языка (например forFf или globalThis).
Так же, вебпак попытается определить из browserslist-запроса тип платформы, под которыую вы собираете проект, например, если в вашем browserslist-конфиге указано last 2 node versions, то вебпак поймет, что вы собираете бандл под ноду.
Дело не ограничивается одним лишь конфигом для browserslist, сам конфиг вебпака обзавелся новым синтаксисом:

target: "browserslist" - использовать ближайший найденный browserslist-конфиг для определения ES-фич и платформы (из ближайшего package.json, .browserslistrc или переменной среды `BROWSERLIST`). Используется по-умолчанию
target: "browserslist:modern" - использовать ветку modern из конфига browserslist
target: "browserslist:last 2 versions" - явно указываем запрос, минуя конфиг
target: "browserslist:/path/to/config" - явно указываем путь к конфигу (будет полезно для бойлерплейтов, которые используют вебпак)
target: "browserslist:/path/to/config:modern" - явно указываем путь к конфигу и ветку, которую нужно использовать

Включено в webpack 5.0.0-rc.1 🎉

www.tgoop.com/smelukov_dev/35

1.32K viewsСергей Мелюков, Sep 28, 2020 at 19:57

📝Добавил в webpack поддержку browserslist.
Если в вашем проекте будет найден конфиг для browserslist, то webpack использует его для определения ES-фич, которые он может использовать при формировании runtime-кода (это код, в который webpack оборачивает модули и сам чанк).
Например, если в вашем конфиге для browserslist указан браузер, который не поддерживает стрелочные функции (например IE11), то вебпак будет оборачивать модули в обычные функции вместо стрелочных и т.д.
Помимо стрелочных функций, вебпак пытается определить из конфига поддержку и некоторых других фич языка (например forFf или globalThis).
Так же, вебпак попытается определить из browserslist-запроса тип платформы, под которыую вы собираете проект, например, если в вашем browserslist-конфиге указано last 2 node versions, то вебпак поймет, что вы собираете бандл под ноду.
Дело не ограничивается одним лишь конфигом для browserslist, сам конфиг вебпака обзавелся новым синтаксисом:

target: "browserslist" - использовать ближайший найденный browserslist-конфиг для определения ES-фич и платформы (из ближайшего package.json, .browserslistrc или переменной среды `BROWSERLIST`). Используется по-умолчанию
target: "browserslist:modern" - использовать ветку modern из конфига browserslist
target: "browserslist:last 2 versions" - явно указываем запрос, минуя конфиг
target: "browserslist:/path/to/config" - явно указываем путь к конфигу (будет полезно для бойлерплейтов, которые используют вебпак)
target: "browserslist:/path/to/config:modern" - явно указываем путь к конфигу и ветку, которую нужно использовать

Включено в webpack 5.0.0-rc.1 🎉

BY Сергей Мелюков