что я использую CRA последней версии, есть ли разница в плане оптимизации между следующими импортами, если npm-пакет поддерживает оба импорта?
1. import { Component } from 'some-npm-package';
2. import Component from 'some-npm-package/Component';
Я правильно понимаю, что можно забить и использовать первый вариант, а вебпак под капотом сделает все оптимизации за меня и конечный размер бандла не будет отличаться?
Да, но в дев сборке в первом варианте будет вся либа импортироваться. И если она большая то дев сборка может быть в 30-40 мб.
Если используешь VS Code то поищи расширение "Import cost", поставь, и посмотри разницу в весе
возьми вот этот скрипт, в комменте написано как запускать. установи зависимости, что перечислены в скрипте и проведи настоящий анализ настоящего результата через этот скрипт
https://gist.github.com/meff34/e5813c0e6db29fac382465996570ee65
Обсуждают сегодня