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

Question

[keeiyo]

Суть проблемы в том что компилируемый файл очень сильно разрастается. Может кто знает, есть ли в webpack возможность убирать незадействованные модули из конечного файла?

Answer 1

[Максим]

Webpack собирает то, что вы подключаете. Есть пара советов:
1. Подключать аккуратно (например, вместоimport _ from lodash, использовать import func_name from lodash/func_name)

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

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

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

p.s. пока писал ответ на ваш вопрос, наткнулся еще на webpack-bundle-size-analyzer. Сам не использовал, но возможно поможет.

Answer 2

[Артем Каюн]

Посмотрите вот это видео https://youtu.be/XY2NLKCrjJ4, все подробно рассказано.
Можно вообще весь скринкаст посмотреть.