Существует ли подобные плагины для webpack или gulp?

Question

[ascold2013]

Здравствуйте!
Наверняка каждый сталкивался с такой проблемой - мы пишем на jquery и используем от силы 3-5 функций из более 10к строк jquery. Т.е большая часть 84кб минифицированного файла просто лежат трупом и никогда не работают. Проблема усугубляется, когда мы подключаем еще охапку плагином, в котором также много кода бездействуют. А если подключить еще vue...
Хорошо бы все эти зависимые библиотеки и фреймворки прогнать через плагин, который будет принимать в аргумент наш кастомный js, в котором и используются эти зависимости. Плагин пропарсит его, найдет необьявленные в нем функции, переменные и т.д и полезет искать их в зависимых библиотеках. И выдерет из них только рабочий код, собрав его в один файл.

Хочу поинтересоваться - существует ли такое решение оптимизации конечного веса исходников javascript. И какие есть еще подобные решения?

Answer 1

[Anton Bobylev]

Проще не использовать jQuery или пользоваться его кастомной сборкой, выкинув неиспользуемые модули.

Answer 2

[frammmm]

Существует. Называется tree shaking.

Так же можно посмотреть на rollup

Comments

[Anton Bobylev]

https://github.com/rollup/rollup/issues/509

The library has to be written in such a way that rollup can understand the parts and how to separate them. jQuery is a particularly bad anti-example as it attaches everything to a global object, sometimes dynamically. You might be better off using alternatives that work better with rollup that use ES modules.