Как уменьшить размер babel-polyfill (уменьшено до 150 КБ)?

Question

Я только что установил новый проект webpack 4 и в моем основном js-файле импортировал babel-polyfill

import 'babel-polyfill';

И после сборки производства webpack я проанализировал свой бандл с помощью source-map-explorer Я вижу такую ​​картинку

Итак, babel-polyfill (core-js) занял 150 Kb , что слишком много для ИМО.

Есть мысли, как мне уменьшить размер? Я не хочу включать какие-либо конкретные полифилы (должно быть некоторое встряхивание дерева, поэтому неиспользуемый код должен быть удален?).

Я использую этот шаблон: https://github.com/flexdinesh/react-redux-boilerplate/tree/master/config

Answer 1

Размер 150kb мне кажется разумным, потому что вы импортируете все полифилы. Следовательно, функция webpack4, которая потрясает деревья, не удаляет неиспользуемый код, потому что все используется.

Я мог бы предположить, что источники, утверждающие, что размер всего пакета должен составлять ~ 60-80 КБ, означают размер после минимизации + сжатия.

Читали ли вы инструкции о том, как правильно использовать библиотеку @babel/polyfill? рекомендует использовать @ babel / preset-env , чтобы импортировать только те полифилы, которые вам нужны для вашей производственной цели. Это, вероятно, значительно уменьшит размер вашей связки.