#javascript #visual-studio-code #ecmascript-6 #lodash #es6-modules
#javascript #visual-studio-code #ecmascript-6 #Lodash #es6-модули
Вопрос:
Я использую некоторые библиотеки в своем приложении 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)
Мне очень нравится первый вариант с использованием назначения деструктурирования, он довольно проще и выглядит намного лучше, но, учитывая производительность и размер пакетов, как лучше / правильнее это сделать?
Комментарии:
1. Вероятно, ошибка в расширении, которая не может вычислить древовидное сотрясение библиотеки