Всем нам нравится использовать эту замечательную библиотеку, которая облегчает нашу жизнь, но перед следующим импортом давайте разберемся, сколько она стоит и как мы можем ее уменьшить.
С чего все началось?
В одном из моих проектов в React Native я пытался выяснить, почему приложение было слишком большим, и одна из вещей, которые сделал приложение великолепным благодаря Lodash,
Как и все, я использовал Lodash в нескольких местах проекта, и в каждом файле мне нужна была функция из библиотеки, которую я добавил линия
import _ from lodash
Эта операция стоит нам около 70 КБ, это зависит от версии.
Если мы просто хотим использовать замечательную функцию groupBy в этом файле, мы заплатим за все Lodash, а не только groupBy.
Может быть, мы будем использовать скобки при импорте и сэкономим средства?
import { groupBy, isEmpty} from "lodash"
Таким образом, мы обнаружили, что в этом методе нет никаких преимуществ, и мы снова заплатим за всю библиотеку Lodash.
Решение
Импортируйте каждую функцию отдельно:
import groupBy from "lodash/groupBy" import isEmpty from "lodash/isEmpty"
В этом случае импортируются только определенные функции, и мы сэкономили много места.
Обычно мы не используем слишком много функций из Lodash в одном файле, поэтому некоторый «импорт» ряды не причинят столько вреда.
Но использование изменится
const checkList = groupBy(contentList, 'check')
Некоторые люди рекомендовали пакет Lodash-es, но после небольшого тестирования я понял, что он ничего не сохраняет.