Как выкинуть неиспользуемые функции из библиотек?

Question

[Сережа Молодец]

Может есть какой-то анализатор который проходит по функциям программы и потом выкидывает ненужные части библиотеки?
Может есть методыкак-то это сделать быстро в полуручном режиме?

https://codepen.io/uxjzbmxq-the-sans/pen/KwdxQMN
Вот здесь у меня подключены библиотеки, две обязательные библиотеки, верхние, и они довольно ёмкие Я бы хотел их урезать.

Comments

[Everything_is_bad]

Надо перестать маяться ерундой и потратить время на что-то полезное.

[Алексей Уколов]

Это называется tree-shaking, он встроен во все современные сборщики, но зависит от качества кода (и библиотечного тоже).

[Сережа Молодец]

Алексей Уколов,
Я не хочу IDE, я что-то пишу раз в 3 года, а не каждый день.
В результате код получится в три раза больше чем он есть сейчас.
А вдобавок ещё куча мусора 29 папок по 30 файлов в каждой.

[Алексей Уколов]

При чём тут IDE?

Мне не очень интересно, чего вы хотите, а чего нет, что вам нравится, а что не очень — я вам дал название методики. Как вы её встроите в свой процесс разработки — ваше дело.

[Сережа Молодец]

Алексей Уколов,
У меня нет никаких сборок которую надо собирать. У меня есть две библиотеки которые я подгружаю к странице из пятидесяти строк и мне надо убрать из этих двух библиотек всё лишнее.

[Сергей delphinpro]

Сережа Молодец, когда вы подключаете файл (библиотеку или что-то еще) тегом script, то файл всегда загрузится целиком.

ковырятся в нем и удалять лишнее вы не сможете (исхожу из того, что вы "что-то пишете раз в 3 года, а не каждый день")

Инструментов таких тоже нет, чтобы в него можно было закинуть библиотеку, выбрать нужное и получить урезанный вариант. Кроме случаев, когда разработчик библиотеки сам предоставляет такую возможность и делает на своем сайт конструктор своей же библиотеки. Но это очень редкий случай. Из того что вспоминается, я могу только упомянуть prism.js - там есть конструктор сборки.

Answer 1

[VoidVolker]

То, что вам нужно называется "Встряхивание дерева (Tree-shaking)". В популярных сборщиках есть либо из коробки либо в плагинах. Например в rollupjs и webpack эта фича есть из коробки:

• https://rollupjs.org/faqs/#what-is-tree-shaking
  
• https://webpack.js.org/guides/tree-shaking/