@keeiyo

Как в webpack убрать неиспользуемые модули?

Суть проблемы в том что компилируемый файл очень сильно разрастается. Может кто знает, есть ли в webpack возможность убирать незадействованные модули из конечного файла?
  • Вопрос задан
  • 1940 просмотров
Пригласить эксперта
Ответы на вопрос 2
maxfarseer
@maxfarseer
https://maxpfrontend.ru, обучаю реакту и компании
Webpack собирает то, что вы подключаете. Есть пара советов:
1. Подключать аккуратно (например, вместоimport _ from lodash, использовать import func_name from lodash/func_name)

Разработчики стараются оптимизировать импорт, поэтому смотрите на подобные возможности у других библиотек (например).

2. Как вы и написали в вопросе - удалить из бандла (конечного файла скриптов) неиспользуемый код. В этом может помочь, например, uglifyJS. Он должен вырезать все неиспользуемое. Точных настроек не приведу (список), но можете взглянуть на этот вопрос

3. Использовать линтер, например eslint.org/. Запустить lint по кодовой базе и удалить все неиспользуемые (но подключенные) модули.

p.s. пока писал ответ на ваш вопрос, наткнулся еще на webpack-bundle-size-analyzer. Сам не использовал, но возможно поможет.
Ответ написан
Комментировать
Посмотрите вот это видео https://youtu.be/XY2NLKCrjJ4, все подробно рассказано.
Можно вообще весь скринкаст посмотреть.
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы