Следуйте до Заменив redux с комментариями React Я использую Модуль ES версия Lodash Для плеча дерева встряхивает с Посылка Отказ
Лоташ Является ли швейцарский армейский нож JavaScript, но быть таким полезным, делает его огромным. Анализируя наш пакет с Пучок Бадди Открывает Лоташ несет ответственность за 70 кб пучка. Не самый большой кусок, но мы можем легко исправить: это не встряхивает дерево.
Встряхивание дерева Является ли концепция удаления мертвого кода (то есть кодовых путей, которые никогда не получают доступ) от окончательного расслоения. Мы используем только 8 функций из Лоташа, а именно: Groupby , Keyby , неравномерно , Сортировать по , времена , Uniq , Uniqby и XOR Отказ Лодаш имеет сотни функций, и нам все не нужно.
Есть несколько манеров, которые делают это, мой выбранный один заменяет Лодаш-Эс и оставив мертвые кодовые устранения в Bundler. Вы также можете использовать Babel-Plugin-Lodash Но я не нашел так легко настроить.
Я тогда побежал SED -I -E "S/'LODASH'/'LODASH-ES'/" SRC/**. TS * Чтобы заменить все импорт, после замены пакета в package.json Отказ
Это уменьшило пучок JS более чем на 50 КБ, с Лодаш-Эс Теперь использую только 19 КБ!
Покрытие изображения johann Siemens ( см. В Unsplash ).
Оригинал: “https://dev.to/rsa/leverage-tree-shaking-with-modular-lodash-3jfc”