Блог

Я использую некоторые библиотеки в своем приложении JS, и у меня есть некоторые сомнения относительно лучших практик при импорте модулей.

Я использую VSCode и стоимость импорта расширений, чтобы я мог видеть размер всех импортированных модулей.

Я буду использовать lodash в качестве примера здесь:

 // This is how I usually import the modules
import { isEmpty, isEqual, cloneDeep } from 'lodash' // 69.5K (gzipped: 24.5K)
 

И вот как я заметил, что могу уменьшить размер импорта:

 import isEmpty from 'lodash/isEmpty' // 6.2K (gzipped: 2.2K)
import isEqual from 'lodash/isEqual' // 14.7K (gzipped: 4.8K)
import cloneDeep from 'lodash/cloneDeep' // 17K (gzipped: 5.2K)
 

Здесь мы видим большую разницу в размере импортируемых модулей: 69.5K (24.5 gzipped) vs 37.9K (12.2K gzipped)

Мне очень нравится первый вариант с использованием назначения деструктурирования, он довольно проще и выглядит намного лучше, но, учитывая производительность и размер пакетов, как лучше / правильнее это сделать?